﻿@charset "utf-8";
@font-face { 
  	font-family: '方正细圆'; 
  	src: url('../font/iconfont.eot');
 	src: url('../font/方正细圆_GBK.eot?#iefix') format('embedded-opentype'),
  		 url('../font/方正细圆_GBK.TTF') format('truetype');
}
/*格式化*/
* { box-sizing: border-box;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, strong, img, ul, li, dl, dt, dd,form, label, input, textarea, th, td { margin: 0; padding: 0;}
body, input, select, textarea, label { font-family: '方正细圆'; font-size: 100%;}
body { color: #333;}
ul, li, ol { list-style: none outside none;}
em, strong, th { font-style: normal;}
a, img { border: 0 none;}
a { color: #333; outline: none; text-decoration: none;}
img, label, input { vertical-align: middle;}
img { max-height: 100%; max-width: 100%;}
:focus { outline: none;}
button::-moz-focus-inner {border: 0 none; padding: 0;}
textarea {overflow: auto; vertical-align: top;}
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clearfix { zoom: 1;}
.clear { clear: both;}
.hy-hide { display: none;}
.hy-w { margin: 0 auto; max-width: 1210px; min-width: 760px;}
.section { overflow: hidden;}
.slide.fp-slide { overflow: hidden;}
/*头部*/
.hy-head { background-color: rgba(0, 0, 0, 0.55); border-bottom: 1px solid #66676c; font-family: "微软雅黑"; font-size: 1.125em; height: 68px; line-height: 68px; position: absolute; left: 0; top: 0; width: 100%; z-index: 20;}
.hy-head .hy-logo { float: left; width: 40%;}
.hy-head .hy-logo img { margin-top: -0.4em;}
.hy-head .hy-menu { float: left; line-height: 64px; text-align: right; width: 60%;}
.hy-head .hy-menu ul { overflow: hidden; height: 68px;}
.hy-head .hy-menu li { float: left; width: 20%;}
.hy-head .hy-menu li a { border-bottom: 2px solid transparent; color: #ccc; display: inline-block; padding: 2px 8px 0;}
.hy-head .hy-menu li.active a { border-bottom-color: #fff;}
.hy-head .hy-menu li:hover a { border-bottom-color: #fff;
transition: all 0.2s ease-in 0s; -ms-transform: all 0.2s ease-in 0s; -moz-transform: all 0.2s ease-in 0s; -webkit-transform: all 0.2s ease-in 0s;}
.hy-head-in { padding: 0 10px;}
.hy-head-bg { background-color: #1a1d24; height: 68px; width: 100%; z-index: 10; position: absolute; top: 0;}
/*页脚*/
.hy-foot-in { font-size: 1em; height: 21em; padding: 30px 10px; overflow: hidden; position: relative;}
.hy-footer { background-color: #1a1d24; font-family: "微软雅黑"; width: 100%;}
.hy-footer .hy-ft-L { color: #666; float: left; text-align: center; width: 40%;}
.hy-footer .hy-ft-R { float: left; width: 60%;}
.hy-footer .ft-lofo { margin-bottom: 1.5em;}
.hy-footer .ft-wec { padding-bottom: 0.52em;}
.hy-footer .ft-wec p { margin-bottom: 0.52em;}
.hy-footer .ft-wec img { opacity: 0.7; filter: alpha(opacity=70); width: 26%;}
.hy-footer .hy-ft-R dl { float: left; line-height: 1.875em; text-align: center; width: 20%;}
.hy-footer .hy-ft-R dt { color: #ccc; margin-bottom: 0.52em;}
.hy-footer .hy-ft-R dd a { color: #666; display: block;}
.hy-footer .go-top { height: 42px; margin-left: -43px; width: 86px; position: absolute; bottom: 0; left: 50%;}
.hy-footer .go-top a { display: inline-block;}
/*下拉鼠标*/
.hy-mouse { cursor: pointer; font-size: 14px; height: 56px; width: 27px; position: absolute; bottom: 20px; left: 50%; margin-left: -13px; opacity: 0; z-index: 500;}
/*海云产品*/
.hy-st-01 { background: url(../img/product/bg-1.png) no-repeat scroll center center / 100% 100%; background-color: #111326;}
.hy-st-02 { background: url(../img/product/bg-2.png) no-repeat scroll center center / 100% 100%; background-color: #0e44b3;}
.hy-st-03 { background-color: #e6eef0;}
.hy-st-04 { background: url(../img/product/bg-4.png) no-repeat scroll center center / 100% 100%; background-color: #b92a1b;}
.hy-st-05 { background-color: #e6eef0;}
.hy-st-06 { background-color: #e6eef0;}
.hy-ssp, .hy-pmp, .hy-adx, .hy-atd { height: 100%; padding: 120px 10px 0; position: relative;}
.hy-home { padding: 0 10px;}
.hy-home .hy-hm-img { position: absolute; left: 0; top: 50%; margin-top: -9em; width: 43%;}
.hy-home .hy-hm-img img { position: absolute; top: 0; right: 0; max-height: 18em; max-width: 18.56em;}
.hy-home .hy-hm-c { min-width: 350px; position: absolute; top: 50%; left: 48%; 
transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.hy-home .hy-hm-c .sm { margin-bottom: 1.2em;}
.hy-home .hy-hm-c .sm .title { color: #fff; font-size: 3.225em; letter-spacing: 0.04em; padding: 0.11em 0 0.4em 0;}
.hy-home .hy-hm-c .sm p { color: #e1e1e4; font-size: 1.25em; padding-bottom: 0.75em}
.hy-home .hy-btn { max-width: 15.75em;}
.hy-home .hy-btn a { border: 2px solid #95969e; border-radius: 1px; color: #e2e2e5; display: block; font-size: 1.25em; height: 2.3em; line-height: 2.3em; margin-left: 0.15em; text-align: center;}
.hy-ssp .ssp-L { float: left; height: 100%; position: relative; text-align: right; width: 45%;}
.hy-ssp .ssp-R { float: left; height: 100%; max-width: 600px; position: relative; width: 55%;}
.hy-ssp .ssp-R img { float: left; width: 33.3%;}
.hy-ssp .ssp-R .img { height: 20%;}
.hy-ssp .ssp-R .exp { height: 80%; position: relative;}
.hy-ssp .ssp-R .exp .exp1 { float: left; height: 100%; position: absolute; width: 33.3%;}
.hy-ssp .ssp-R .exp .exp1.img4 { left: 0; top: 1%;}
.hy-ssp .ssp-R .exp .exp1.img5 { left: 33.3%; top: 1%;}
.hy-ssp .ssp-R .exp .exp1.img6 { left: 66.6%; top: 1%;}
.hy-ssp .ssp-R .exp .exp2 { display: inline-block; position: absolute; left: 50%; margin-left: -2.1em; text-align: center;}
.hy-ssp .ssp-R .exp p { float: left; font-size: 1.38em; color: #dfe6f5; line-height: 1em; width: 1.6em;}
.hy-ssp .ssp-L-t { height: 55%; position: relative;}
.hy-ssp .ssp-L-t img { left: 50%; top: 0; position: absolute; margin-top: -52px;
transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.hy-ssp .ssp-L-btn { float: right; height: 45%; max-width: 29.4em; text-align: center; width: 100%; position: absolute; left: 50%;
transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.hy-ssp .ssp-L-btn span { border: 2px solid #cfd8ec; border-radius: 1px; cursor: pointer; display: inline-block; height: 30%; max-height: 4.875em; margin-left: 0.15em; overflow: hidden; position: relative; width: 48%;}
.hy-ssp .ssp-L-btn a { color: #e2e2e5; font-size: 1.5em; position: absolute; left: 50%; top: 50%; width: 100%;
transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.hy-sspm .ssp-R .cont { color: #dfe6f5; font-size: 1.38em; position: absolute; top: 20%;}
.hy-sspm.hy-ssp3 .ssp-R .cont { color: #dfe6f5; font-size: 1.38em; position: absolute; top: 16%;}
.hy-sspm .ssp-R .cont p { padding-bottom: 1.1em;}
.hy-sspm .ssp-R .cont span { color: #ffcc00; font-size: 1.2em; padding: 0.2em;}
.hy-ssp2 .ssp-R .cont p.p1 { padding-bottom: 1em;}
.hy-ssp2 .ssp-R .cont p.p2 { padding-bottom: 0.7em;}
.hy-ssp2 .ssp-R .cont p.p4 { padding-bottom: 1.3em;}
.hy-ssp2 .ssp-R .cont span.span1 { display: inline-block; width: 3.3em;}
.hy-ssp2 .ssp-R .cont span.span2 { display: inline-block; width: 3.8em;}
.hy-ssp2 .ssp-R .cont span.span3 { display: inline-block; width: 2.5em;}
.hy-pmp .pmp-L { float: left; height: 100%; padding-left: 9%; text-align: right; width: 60%;}
.hy-pmp .pmp-R { float: left; height: 100%; position: relative; width: 40%;}
.hy-pmp .pmp-L .img01 { float: left; max-width: 160px; width: 35%;}
.hy-pmp .pmp-L .cont { float: left; height: 100%; max-width: 364px; position: relative; width: 65%;}
.hy-pmp .pmp-L .cont span { display: block; position: absolute;}
.hy-pmp1 .pmp-L .cont .span1 { top: 3%; left: 5%;}
.hy-pmp1 .pmp-L .cont .span2 { top: 3%; left: 23%;}
.hy-pmp1 .pmp-L .cont .span3 { top: 3%; left: 41%;}
.hy-pmp1 .pmp-L .cont .span4 { top: 3%; left: 59%;}
.hy-pmp1 .pmp-L .cont .span5 { top: 3%; left: 77%;}
.hy-pmp2 .pmp-L .cont .span1 { top: 3%; left: 12%;}
.hy-pmp2 .pmp-L .cont .span2 { top: 3%; left: 30%;}
.hy-pmp2 .pmp-L .cont .span3 { top: 3%; left: 48%;}
.hy-pmp2 .pmp-L .cont .span4 { top: 3%; left: 66%;}
.hy-pmp .pmp-L .cont p { color: #333; font-size: 1.38em; line-height: 1em; width: 1.6em;}
.hy-pmp .pmp-L .cont .dou { display: inline-block; margin: -0.6em 0 0 1.2em; position: relative; vertical-align: top;}
.hy-pmp .pmp-L .cont .fe { display: inline-block; position: relative; vertical-align: top;
transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.hy-pmp .pmp-R-img { height: 70%;}
.hy-pmp .pmp-R-btn { height: 30%; max-width: 29.4em; width: 100%; position: absolute; top: 70%; left: 50%;
transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.hy-pmp .pmp-R-btn span { display: inline-block; height: 45%; max-height: 4.875em; margin-right: 0.15em; position: relative; width: 48%;}
.hy-pmp .pmp-R-btn span a { position: absolute; display: block; height: 100%; overflow: hidden; top: 45%; width: 100%;}
.hy-pmp .pmp-R-btn span img { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.hy-pmp .pmp-R-btn .btn-img1, .hy-pmp .pmp-R-btn .btn-img2 { margin-top: -5.85em;}
.hy-pmp .pmp-R-mea { height: 100%; max-height: 28.1em; max-width: 29.4em; width: 100%; position: absolute; left: 50%; top: 0;
transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.hy-pmp .pmp-R-mea .img1 { position: absolute; top: 0; left: 0; z-index: 10; height: 100%; width: 100%;}
.hy-pmp .pmp-R-mea .img3 { position: absolute; top: 0; left: 0; z-index: 100; height: 100%; width: 100%;}
.hy-pmp .pmp-R-mea .img4{ position: absolute; top: 0; left: 0; z-index: 30; height: 100%; width: 100%;}
.hy-pmp .pmp-R-mea .img5 { position: absolute; top: 0; left: 0; z-index: 90; opacity: 0; height: 100%; width: 100%;}
.hy-pmp .pmp-R-mea .img6 { position: absolute; top: 0; left: 0; z-index: 90; opacity: 0; height: 100%; width: 100%;}
.hy-pmp .pmp-R-mea .img7 { position: absolute; top: 0; left: 0; z-index: 90; opacity: 0; height: 100%; width: 100%;}
.hy-pmp .pmp-R-mea .img8 { position: absolute; top: 0; left: 0; z-index: 90; opacity: 0; height: 100%; width: 100%;}
.hy-pmp .pmp-R-mea .img9 { position: absolute; top: 0; left: 0; z-index: 80; opacity: 0; height: 100%; width: 100%;}
.hy-pmp .pmp-R-mea .img10 { position: absolute; top: 0; left: 0; z-index: 70; opacity: 0; opacity: 1\9; height: 100%; width: 100%;}
.hy-pmp .pmp-R-mea .img11 { position: absolute; top: 0; left: 0; z-index: 50; opacity: 0; opacity: 0.3\9; height: 100%; width: 100%;}
.hy-pmp .pmp-R-mea .img12 { position: absolute; top: 0; left: 0; z-index: 60; opacity: 0; opacity: 1\9; height: 100%; width: 100%;}
.hy-pmp .pmp-R-mea .img13 { position: absolute; top: 39%; left: 37%; z-index: 50; height: 9%; width: 9%;}
.hy-pmp .pmp-R-mea .img14 { position: absolute; top: 38%; left: 46%; z-index: 50; height: 5.3%; width: 5.3%;}
.hy-pmp .pmp-R-mea .img15 { position: absolute; top: 45%; left: 46%; z-index: 50; height: 4%; width: 4%;}
.hy-pmp .pmp-R-mea .line, .adx-R-mea .line { background-size: 600px 100%; background-color: transparent; display: block; height: 3px; opacity: 0.6; position: absolute;}
.hy-pmp .pmp-R-mea .lineH, .pmp-R-mea .lineHF { background-image: repeating-linear-gradient(90deg, #fff, #fff 12px, transparent 12px, transparent 24px);}
.hy-pmp .pmp-R-mea .lineS { background-image: repeating-linear-gradient(0deg, #fff, #fff 12px, transparent 12px, transparent 24px);}
.hy-pmp .pmp-R-mea .line.line1 { width: 83%; z-index: 10; left: 1.4%; top: 15%;}
.hy-pmp .pmp-R-mea .line.line2 { width: 83%; z-index: 10; left: 1.4%; top: 25.4%;}
.hy-pmp .pmp-R-mea .line.line3 { width: 57%; z-index: 10; left: 6%; top: 81.5%;}
.hy-pmp .pmp-R-mea .line.line4 { width: 60.4%; z-index: 10; left: 29%; top: 88.8%;}
.hy-pmp .pmp-R-mea .line.line5 { height: 62%; width: 3px; top: 18.6%; left: 1.5%; z-index: 10;}
.hy-pmp .pmp-R-mea .line.line6 { height: 82%; width: 3px; top: 5%; left: 22.2%; z-index: 10;}
.hy-pmp .pmp-R-mea .line.line7 { height: 32%; width: 3px; top: 57%; left: 62.8%; z-index: 10;}
.hy-pmp .pmp-R-mea .line.line8 { height: 32%; width: 3px; top: 57%; left: 89.4%; z-index: 10;}
.hy-pmp2 .pmp-R-mea .img-show { opacity: 1;}
.hy-pmp2 .pmp-R-mea .img11 { opacity: 0.3;}
.hy-adx .adx-L { float: left; height: 100%; padding-left: 9%; width: 60%;}
.hy-adx .adx-R { float: left; height: 100%; position: relative; width: 40%;}
.hy-adx .adx-L-img { height: 63%;}
.hy-adx1 .adx-L-img p { color: #fbf2f1; font-size: 1.38em; padding-bottom: 2em;}
.hy-adx2 .adx-L-img p { color: #fbf2f1; font-size: 1.38em; padding-bottom: 1.2em;}
.hy-adx .adx-L-img img { display: block;}
.hy-adx .adx-L-img .adx-img1 { height: 40%;}
.hy-adx .adx-L-img .adx-imgm { max-height: 15%;}
.hy-adx .adx-L-btn { height: 37%; max-width: 29.4em;}
.hy-adx .adx-L-btn span { border: 2px solid #cfd8ec; border-radius: 1px; cursor: pointer; display: inline-block; height: 39%; max-height: 4.875em; margin-left: 0.15em; overflow: hidden; position: relative; width: 48%;}
.hy-adx .adx-L-btn a { color: #e2e2e5; font-size: 1.5em; position: absolute; left: 50%; top: 50%; text-align: center; width: 100%;
transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.hy-adx .adx-R-mea { height: 96%; max-height: 365px; max-width: 338px; width: 90%; position: absolute; left: 4%; top: 50%;
transform: translateY(-66%); -ms-transform: translateY(-66%); -moz-transform: translateY(-66%); -webkit-transform: translateY(-66%);}
.hy-adx .adx-R-mea img { position: absolute;}
.hy-adx .adx-R-mea .imga { height: 21.6%; width: 23.37%; left: 1%; top: 3%;}
.hy-adx .adx-R-mea .imgb { height: 33.4%; width: 34.32%; right: 0; top: 0;}
.hy-adx .adx-R-mea .imgc { height: 32.32%; width: 33.91%; bottom: 2%; left: 0;}
.hy-adx .adx-R-mea .imgd { height: 17.3%; width: 20.71%; right: 22.2%; top: 54%; z-index: 40;}
.hy-adx .adx-R-mea .imge { height: 8.77%; width: 9.47%; right: 18%; top: 56.4%; z-index: 30;}
.hy-adx .adx-R-mea .imgf { height: 5.48%; width: 5.71%; right: 12%; top: 61%; z-index: 30;}
.hy-adx .adx-R-mea .imgg { height: 29.59%; width: 23.67%; right: 8.2%; top: 43%; z-index: 10;}
.hy-adx .adx-R-mea .imgh { height: 38.6%; width: 52.07%; left: 21.6%; top: 28%;}
.hy-adx .adx-R-mea .imgi { height: 2.47%; left: 36%; top: 13.5%;}
.hy-adx .adx-R-mea .imgj { height: 2.47%; left: 12.6%; top: 39%;}
.hy-adx .adx-R-mea .imgl { height: 4.4%; width: 4.73%; left: 10.6%; top: 11.8%;}
.hy-adx .adx-R-mea .imgm { height: 6.7%; width: 7.10%; right: 13.6%; top: 13.6%;}
.hy-adx .adx-R-mea .imgn { height: 6%; width: 6.51%; left: 14.4%; bottom: 15%;}
.hy-adx .adx-R-mea .line { height: 1px;}
.hy-adx .adx-R-mea .lineH, .hy-adx .adx-R-mea .lineHF { background-image: repeating-linear-gradient(90deg, #fff, #fff 8px, transparent 8px, transparent 15px);}
.hy-adx .adx-R-mea .lineSF { background-image: repeating-linear-gradient(0deg, #fff, #fff 8px, transparent 8px, transparent 15px);}
.hy-adx .adx-R-mea .line.line1 { width: 20%; z-index: 100; left: 13%; top: 14%;}
.hy-adx .adx-R-mea .line.line2 { width: 20%; z-index: 100; left: 4%; top: 25%;}
.hy-adx .adx-R-mea .line.line3 { height: 20%; width: 1px; left: 13%; top: 14.2%;}
.hy-adx .adx-R-mea .line.line4 { height: 20%; width: 1px; left: 17.6%; top: 20%;}
.hy-adx .adx-R-mea .line.line5 { height: 65%; z-index: 100; width: 1px; left: 82.8%; top: 16.4%;}
.hy-adx .adx-R-mea .line.line6 { width: 65%; z-index: 100; left: 18%; top: 81.8%;}
.hy-atd .atd-cont { height: 50%; max-height: 300px; position: relative; z-index: 200;}
.hy-atd .atd-L { float: left; height: 100%; padding-left: 9%; width: 50%;}
.hy-atd .atd-R { float: left; height: 100%; padding-top: 1%; width: 50%;}
.hy-atd.hy-atdm .atd-R { padding-top: 0;}
.hy-atd .atd-R p { color: #4b4c4c; font-size: 1.38em; padding-bottom: 1.05em;}
.hy-atd .atd-L-btn { height: 40%; max-width: 27em; width: 100%;}
.hy-atd .atd-L-btn span { border: 2px solid #59a3ca; border-radius: 1px; cursor: pointer; display: inline-block; height: 69%; max-height: 4.875em; margin-left: 0.15em; overflow: hidden; position: relative; width: 48%;}
.hy-atd .atd-L-btn a { color: #4d9dc7; font-size: 1.5em; position: absolute; left: 50%; top: 50%; text-align: center; width: 100%;
transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.hy-atd .atd-L-img { height: 60%;}
.hy-atd .atd-L-img .in { height: 100%; position: relative;}
.hy-atd .atd-L .img1 { opacity: 0\9;  position: absolute; top: 0; left: 0;}
.hy-atd .atd-L .img2 { opacity: 0; opacity: 1\9; position: absolute; top: 0; left: 0;}
.hy-atd .atd-L .img3 { height: 40%; position: absolute; top: 90%; left: 0; opacity: 0; max-width: 398px;}
.hy-atd .atd-bg { height: 50%; margin-left: -5%; max-height: 470px; width: 110%; position: absolute; bottom: 0;}
.hy-atd .atd-bg img { position: absolute;}
.hy-atd .atd-bg .img1 { height: 100%; width: 100%; left: 0; bottom: 0; z-index: 40;}
.hy-atd .atd-bg .img2 { height: 100%; width: 100%; left: 0; bottom: 0; z-index: 30;}
.hy-atd .atd-bg .img3 { height: 100%; width: 100%; left: 0; bottom: 0; z-index: 20;}
.hy-atd .atd-bg .img4 { height: 100%; width: 100%; left: 0; bottom: 0; z-index: 10;}
.hy-atd .atd-bg .img5 { left: 37%; top: 66%; z-index: 50;}
.hy-atd .atd-bg .img6 { left: 39%; top: 64%; z-index: 50;}
.hy-atd .atd-bg .img7 { left: 42%; top: 66%; z-index: 50;}
.hy-atd .atd-bg .img8 { left: 44.5%; top: 66%; z-index: 50;}
.hy-atd .atd-bg .img9 { left: 47.5%; top: 66%; z-index: 50;}
.hy-atd .atd-bg .img10 { left: 51%; top: 68%; z-index: 50;}
.hy-atd .atd-bg .img11 { left: 54%; top: 68%; z-index: 50;}
.hy-atd .atd-bg .img12 { left: 58%; top: 68%; z-index: 50;}
.hy-atd .atd-bg .img13 { left: 61%; top: 64%; z-index: 50;}
.hy-atd .atd-bg .img14 { left: 63%; top: 66%; z-index: 50;}
.hy-atd .atd-bg .img15 { left: 66.7%; top: 51%; height: 25%; width: 10%; z-index: 25;}
.hy-atd .atd-bg .img16 { left: 66.7%; top: 51%; height: 25%; width: 10%; z-index: 50;}
.hy-atd .atd-bg .img17 { left: 44%; top: 36%; height: 19.78%; width: 12.2%; z-index: 50;}
.hy-atd .atd-bg .img18 { left: 24%; top: 51%; height: 23%; width: 11%; z-index: 25;}
.hy-atd .atd-bg .img19 { left: 24%; top: 51%; height: 23%; width: 11%; z-index: 50;}
.hy-atd .atd-bg .img20 { left: 42.8%; top: 0%; height: 22%; width: 15%; z-index: 5;}
.hy-atd .atd-bg .img21 { left: 42.8%; top: 0%; height: 22%; width: 15%; z-index: 50;}
.hy-atd.hy-atdm .atd-L .img2 { opacity: 1;}
/*左右滑块的导航*/
.hy-st-05 .fp-slidesNav { left: 50%;}
/*海云首页*/
.hy-home-page { background: url(../img/home/bg.png) no-repeat scroll center center / 100% 100%; background-color: #033e94; height: 100%; width: 100%;}
.hy-home-page .hy-map { background: url(../img/home/map.png) no-repeat scroll center center / 100% 100%; height: 41%; opacity: 0; opacity: 1\9; width: 41%; position: absolute; left: 9.6%; top: 24.25%;}
.hy-home-page .node { opacity: 0;}
.active.hy-home-page .light-n .node { opacity: 1;}
.hy-home-page .node { background-color: #fe9a03; border-radius: 200%; display: block; height: 8px; width: 8px; position: absolute;}
.hy-home-page .node img { position: absolute;}
.hy-home-page .node1 { left: 12%; top: 23%;}
.hy-home-page .node2 { left: 31.5%; top: 75%;}        
.hy-home-page .node3 { left: 50.6%; top: 25%;}        
.hy-home-page .node4 { left: 31%; top: 33%;}
.hy-home-page .node5 { left: 36%; top: 18%;}
.hy-home-page .node6 { left: 54.7%; top: 67%;}        
.hy-home-page .node7 { left: 18.6%; top: 40%;}        
.hy-home-page .node8 { left: 60%; top: 36%;}          
.hy-home-page .node9 { left: 21%; top: 18%;}
.hy-home-page .node10 { left: 44%; top: 58%;}
.hy-home-page .node11 { left: 63.7%; top: 20%;}      
.hy-home-page .node12 { left: 24%; top: 44%;}
.hy-home-page .node13 { left: 80%; top: 84%;}
.hy-home-page .node14 { left: 66%; top: 28%;}
.hy-home-page .node15 { left: 29.4%; top: 30%;}    
.hy-home-page .node16 { left: 47.4%; top: 63%;}
.hy-home-page .node17 { left: 70.4%; top: 20%;}  
.hy-home-page .node18 { left: 26%; top: 75%;}
.hy-home-page .node19 { left: 66.8%; top: 48%;}    
.hy-home-page .node20 { left: 20%; top: 30%;}
.hy-home-page .node21 { left: 56.4%; top: 54%;}
.hy-home-page .node22 { left: 73.8%; top: 24%;}
.hy-home-page .node23 { left: 85%; top: 82%;}
.hy-home-page .node24 { left: 22%; top: 35%;}
.hy-home-page .node25 { left: 16%; top: 30%;}
.hy-home-page .node26 { left: 28%; top: 86%;}  
.hy-home-page .node27 { left: 66%; top: 38%;}
.hy-home-page .node28 { left: 51%; top: 53%;}
.hy-home-page .node29 { left: 78%; top: 86%;}
.hy-home-page .node30 { left: 74.2%; top: 30%;}
.hy-home-page .node31 { left: 20%; top: 36%;}
.hy-home-page .node32 { left: 53%; top: 66%;}
.hy-home-page .title img { height: 7.63%; opacity: 0; opacity: 1\9; width: 23.5%; position: absolute; left: 54.98%; top: 28.03%;}
.hy-home-page .title span { color: #fff; display: block; font-size: 1.5em; opacity: 0; opacity: 1\9; position: absolute; left: 60.62%; top: 39.04%;}
.hy-home-page .explain { color: #e8ecf6; position: absolute; left: 54.98%; top: 45.36%;}
.hy-home-page .explain span { display: inline-block; float: left; font-size: 1.81em; letter-spacing: 0.05em; opacity: 0;}
.hy-home-page .more { opacity: 0; opacity: 1\9; width: 13.41%; position: absolute; left: 59.77%; top: 55.62%;}
.hy-home-page .more a { border: 1px solid #fff; color: #d2ddf1; display: block; font-size: 1.25em; height: 2.3em; line-height: 2.3em; text-align: center;}
.hy-home-page .Cloud { background: url(../img/home/cloud.png) no-repeat scroll center center / 100% 100%; opacity: 0; position: absolute;}
.hy-home-page .Cloudm { height: 3.93%; width: 5.53%;}
.hy-home-page .Cloudn { height: 2.75%; width: 3.87%;}
.hy-home-page .Cloud1, .hy-home-page .Cloud3 { right: 0; top: 18.76%;}
.hy-home-page .Cloud2, .hy-home-page .Cloud4 { right: 0; top: 14.5%;}
.hy-home-page .Cloud5, .hy-home-page .Cloud6 { right: 0; top: 41%;}
.hy-home-page .Hot-air { background: url(../img/home/hot-air.png) no-repeat scroll center center / 100% 100%; height: 15.16%; width: 4.47%; position: absolute; left: 100%; top: 21.26%;}
.hy-home-page .Tower { background: url(../img/home/tower.png) no-repeat scroll center center / 100% 100%; height: 12.21%; width: 2.24%; z-index:10; position: absolute; left: 58.9%; top: 78.7%;}
.hy-home-page .Bubble { background: url(../img/home/bubble.png) no-repeat scroll center center / 100% 100%; height: 3.05%; opacity: 0; width: 1.54%; position: absolute; left: 23.3%; top: 87%;}
.hy-home-page .Light-wrap { height: 20%; opacity:0; width: 10%; z-index: 200; position: absolute; left: 54.1%; top: 79.6%;}
.hy-home-page .Light-w { height: 70px; margin: auto; width: 1px;
perspective: 500px; -ms-perspective: 500px; -moz-perspective: 500px; -webkit-perspective: 500px;}
.hy-home-page .Light { perspective: 100px; -ms-perspective: 100px; -moz-perspective: 100px; -webkit-perspective: 100px;
perspective-origin: center; -ms-perspective-origin: center; -moz-perspective-origin: center; -webkit-perspective-origin: center;}
.hy-home-page .Light .beam { height: 10px; width: 90px;
background-image: linear-gradient(to right, #fbba27, transparent);
background-image: -ms-linear-gradient(to right, #fbba27, transparent);
background-image: -moz-linear-gradient(to right, #fbba27, transparent);
background-image: -webkit-linear-gradient(to right, #fbba27, transparent);
transform: rotateY(-60deg); -ms-transform: rotateY(-60deg); -moz-transform: rotateY(-60deg); -webkit-transform: rotateY(-60deg);
transform-origin: left center; -ms-transform-origin: left center; -moz-transform-origin: left center; -webkit-transform-origin: left center;}
/*合作伙伴*/
.hy-partner { background: url(../img/partner/bg-1.png) no-repeat scroll center center / 100% 100%; background-color: #f4f4f4;}
.hy-partner-list { height: 100%; width: 100%; position: relative;}
.hy-partner-list img { position: absolute;}
.hy-partner-list .leafShow { opacity: 0;}
.hy-partner-list .img-opa { opacity: 0;}
.hy-partner-list .leaf-1 { height: 7.48%; width: 1.54%; left: 30.8%; top: 22%; z-index: 20;}
.hy-partner-list .leaf-2 { height: 15.4%; width: 4.63%; left: 36%; top: 20%; z-index: 20;}
.hy-partner-list .leaf-3 { height: 14.52%; width: 6.76%; left: 44.6%; top: 12.4%; z-index: 20;}
.hy-partner-list .leaf-4 { height: 13.75%; width: 3.35%; left: 49.7%; top: 39%; z-index: 20;}
.hy-partner-list .leaf-5 { height: 16.94%; width: 4.84%; left: 61%; top: 49%; z-index: 20;}
.hy-partner-list .adx { height: 2.31%; width: 3.19%; left: 31.7%; top: 48.6%;}
.hy-partner-list .adx-1 { height: 2.75%; width: 8.04%; left: 27%; top: 53.2%;}
.hy-partner-list .adx-2 { height: 2.75%; width: 6.71%; left: 26.6%; top: 57.7%;}
.hy-partner-list .adx-3 { height: 3.63%; width: 6.12%; left: 24.9%; top: 61.7%;}
.hy-partner-list .adx-4 { height: 1.87%; width: 5.96%; left: 23.1%; top: 66.6%;}
.hy-partner-list .adx-5 { height: 2.31%; width: 3.89%; left: 29%; top: 70%;}
.hy-partner-list .adx-6 { height: 3.63%; width: 5.59%; left: 30.3%; top: 65%;}
.hy-partner-list .adx-7 { height: 3.3%; width: 5.27%; left: 32.6%; top: 60.6%;}
.hy-partner-list .adx-8 { height: 5.96%; width: 3.62%; left: 35.2%; top: 53.6%;}
.hy-partner-list .dmp { height: 2.31%; width: 3.41%; left: 51.7%; top: 24.2%;}
.hy-partner-list .dmp-1 { height: 4.18%; width: 3.78%; left: 47.9%; top: 28%;}
.hy-partner-list .dmp-2 { height: 2.6%; width: 5%; left: 45.9%; top: 33.8%;}
.hy-partner-list .dmp-3 { height: 4.73%; width: 3.67%; left: 45.7%; top: 38.2%;}
.hy-partner-list .dmp-4 { height: 3.08%; width: 4.58%; left: 48.7%; top: 36.8%;}
.hy-partner-list .dmp-5 { height: 5.39%; width: 3.14%; left: 51.5%; top: 29.2%;}
.hy-partner-list .ssp { height: 2.53%; width: 2.71%; left: 62%; top: 15%;}
.hy-partner-list .ssp-1 { height: 3.08%; width: 4.63%; left: 59.1%; top: 18.9%;}
.hy-partner-list .ssp-2 { height: 2.97%; width: 3.83%; left: 58.5%; top: 22.6%;}
.hy-partner-list .ssp-3 { height: 3.63%; width: 1.49%; left: 59.5%; top: 26.6%;}
.hy-partner-list .ssp-4 { height: 3.41%; width: 4.63%; left: 61.3%; top: 26.6%;}
.hy-partner-list .ssp-5 { height: 2.31%; width: 5.53%; left: 63%; top: 23%;}
.hy-partner-list .ssp-6 { height: 3.85%; width: 4.68%; left: 64.8%; top: 17.6%;}
.hy-partner-list .atd { height: 2.31%; width: 3.03%; left: 67.6%; top: 39.7%;}
.hy-partner-list .atd-1 { height: 3.19%; width: 6.07%; left: 65.8%; top: 43.2%;}
.hy-partner-list .atd-2 { height: 3.52%; width: 5.91%; left: 66.1%; top: 46.8%;}
.hy-partner-list .atd-3 { height: 2.53%; width: 5.06%; left: 67.4%; top: 51.4%;}
.hy-partner-list .atd-4 { height: 2.42%; width: 6.07%; left: 70.2%; top: 54.6%;}
.hy-partner-list .atd-5 { height: 4.07%; width: 3.78%; left: 74%; top: 49.6%;}
.hy-partner-list .atd-6 { height: 6.49%; width: 2.71%; left: 72.6%; top: 43.4%;}
.hy-partner-list .btn { height: 14.52%; width: 39.86%; left: 29.8%; top: 84.6%;}
/*新闻公告*/
.hy-news { background: url(../img/news/bg-1.png) no-repeat scroll center center / 100% 100%; background-color: #1062af;}
.hy-news-img { font-family: "微软雅黑"; height: 100%; padding: 120px 10px 0; position: relative;}
.hy-news-img .item { float: left; height: 100%; position: relative;}
.hy-news-img .item img { height: 100%; width: 100%;}
.hy-news-img .item span { background: rgba(0,0,0,0.8); color: #fcfbfa; display: inline-block; height: 2em; line-height: 2em; padding: 0 1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; position: absolute; bottom: 0; left: 0;}
.hy-news-img .list1 { height: 50%; margin-bottom: 2%;}
.hy-news-img .list1-inner { height: 100%;}
.hy-news-img .list1 .item { font-size: 1em; margin-left: 1.5%; width: 30%;}
.hy-news-img .list1 .item:first-child { margin-left: 0;}
.hy-news-img .list1 .item a { display: block; height: 64%; width: 100%; position: absolute; bottom: 0;}
.hy-news-img .list1 .item.hover { font-size: 1.125em; width: 37%;}
.hy-news-img .list1 .item.hover a { height: 73%;}
.hy-news-img .list2 { height: 48%; padding: 0 10%;}
.hy-news-img .list2-inner { height: 100%;}
.hy-news-img .list2 .item { font-size: 0.94em; margin-left: 2%; width: 29%;}
.hy-news-img .list2 .item:first-child { margin-left: 0;}
.hy-news-img .list2 .item a { display: block; height: 46%; width: 100%;}
.hy-news-img .list2 .item.hover { font-size: 1em; width: 38%;}
.hy-news-img .list2 .item.hover a { height: 56%; width: 100%;}
.hy-news-img .list2 .item span { bottom: 54%;}
.hy-news-img .list2 .item.hover span { bottom: 44%;}
/*新闻公告-新闻详情*/
.hy-news-details { background: url(../img/news-details/bg-1.png) no-repeat scroll center center / 100% 100%; background-color: #1062af; font-family: "微软雅黑"; height: 1841px; position: relative;}
.hy-news-bg { background: url(../img/news-details/bg-4.png) no-repeat scroll center center / 100% 100%; height: 827px; width: 100%; z-index: 10; position: absolute; bottom: 0;}
.hy-news-info { background: url(../img/news-details/bg-2.png) no-repeat scroll center center / 100% 100%; height: 1550px; max-width: 1329px; margin: 0 auto; position: relative; top: 150px;}
.hy-news-info .title { background-color: rgba(12,80,143,0.5); color: #eee; font-size: 1.625em; height: 2.4em; line-height: 2.6em; text-align: center; width: 9em; z-index: 10; position: absolute; left: 1.5em; top: -1em;}
.hy-news-info .title-opi { background-color: rgba(4,43,82,0.8); font-size: 1.625em; height: 2.4em; width: 9em; position: absolute; left: 1.8em; top: -0.7em;}
.hy-news-info .title h2 { font-size: 100%; font-weight: 500;}
.hy-news-info .cont { margin: 0 auto; padding: 4em 0 0 2em; width: 77.4%; position: relative; left: -1%;}
.hy-news-info .cont .tit { color: #fff; font-size: 1.5em; padding: 0.9em 0  0.5em;}
.hy-news-info .cont .tit h3 { font-size: 100%; font-weight: 500;}
.hy-news-info .cont h4 { color: #fdfdfd; font-size: 1.125em; font-weight: 500; padding: 1.5em 0 0.5em;}
.hy-news-info .cont .ins { color: #c2d7eb; display: block; font-size: 0.875em; line-height: 2em;}
.hy-news-info .cont .info { color: #fff; padding: 0.8em 0 0.8em 0;}
.hy-news-info .cont .info { font-size: 0.87em;}
.hy-news-info .cont .info strong { font-weight: 700;}
.hy-news-info .cont .tags span, .hy-news-info .cont .time span { display: inline-block; padding-right: 1em;}
.hy-news-info .cont img { max-height: 31.75em; margin-bottom: 2em; width: 100%;}
.hy-news-copy { color: #f4f6f8; font-size: 0.875em; text-align: center; width: 100%; position: absolute; bottom: 5em;}
/*关于海云*/
.hy-about-page1 { background-color: #939393;}
.hy-about-page2 { background-color: #0377ca;}
.hy-about-page3 { background: url(../img/about/bg-1.png) no-repeat scroll center center / 100% 100%; background-color: #0a5fe0;}
.hy-introduct { height: 100%; width: 100%;}
.hy-introduct-info.hy-w { height: 100%; padding: 120px 10px 0;}
.hy-introduct .int-L { float: left; font-family: "微软雅黑"; height: 100%; padding: 13% 0 0 3%; width: 44%;}
.hy-introduct .int-R { float: right; padding-top: 4%; width: 47%;}
.hy-introduct .int-R .title { opacity: 0; padding: 2em 0 3em; text-align: center;}
.hy-introduct .int-R .title span { color: #ffcc00; display: inline-block; font-size: 2.17em; margin-left: 4%;}
.hy-introduct .cont { color: #fff; font-family: "微软雅黑"; font-size: 1.06em; line-height: 1.77em; margin-bottom: 2.22em; opacity: 0; text-indent: 2em;}
.hy-introduct .partner-w { background-color: #2370e4; border: 2px solid #fff; height: 20.2em; opacity: 0; width: 100%; position: relative;}
.hy-introduct .partner-bg { background-color: #1868e3; border-color: #9bbff1 transparent #9bbff1 #9bbff1; border-style: solid none solid solid; border-width: 2px 0 2px 2px; height: 17em; width: 8%; position: absolute; bottom: -2px; left: -8.4%;}
.hy-introduct .partner-side { background-color: #4f8ce9; float: left; height: 100%; position: relative; width: 8%;}
.hy-introduct .partner-side em { background: url(../img/about/imga.png) no-repeat scroll center center / 100% 100%; height: 6.2%; width: 76%; position: absolute;  left:12%; top: 5%;}
.hy-introduct .partner { float: right; padding: 8px 10px 0 0; width: 90%;}
.hy-introduct .partner .tit { color: #ffcc00; font-size: 1.13em; font-weight: 700; line-height: 2em; text-align: center;}
.hy-introduct .partner-cont li { height: 2.87em; line-height: 2.89em; margin-bottom: 0.38em; overflow: hidden; width: 100%;}
.hy-introduct .part-L { background-color: #86b0f0; color: #ffcc00; display: inline-block; float: left; font-weight: 700; font-size: 1em; text-align: right; width: 30%;}
.hy-introduct .part-R { background-color: #4387e8; color: #fff; display: inline-block; float: right; font-size: 1.13em; padding-left: 0.5em; width: 69%; position: relative;}
.hy-introduct .part-R.address { font-size: 1em;}
.hy-introduct .contact-qq { background-color: #e2d49a; border-radius: 1px; display: inline-block; height: 1.63em; line-height: 1.63em; text-align: center; vertical-align: middle; width: 5.88em; position: relative;}
.hy-introduct .contact-qq em { background: url(../img/about/qq.png) no-repeat scroll center center / 100% 100%; display: inline-block; height: 1.11em; margin-right: 0.2em; width: 1em; position: relative; top: 0.2em;}
.hy-bg-wall { height: 100%; width: 100%;}
.hy-bg-wall .wall-L { float: left; width: 71.54%;}
.hy-bg-wall .wall-R { background-color: #939393; float: right; height: 100%; width: 28.46%;}
.hy-bg-wall .wall-R img { cursor: pointer; height: 93%; width: 28.46%; z-index: 50; position: absolute; right: 0; top: 68px;}
.hy-bg-wall .img { cursor: pointer; position: absolute;}
.hy-bg-wall .img img { height: 100%; width: 100%;}
.hy-bg-wall .img span { background-color: rgba(0,0,0,0.3); display: block; height: 100%; width: 100%; z-index: 30; position: absolute; left: 0; top: 0;}
.hy-bg-wall .img.hover span { background-color: transparent;}
.hy-bg-wall .img1 { height: 28%; width: 28.3%; left: 0; padding-top: 68px;}
.hy-bg-wall .img2 { height: 28%; width: 21.86%; left: 28.3%; padding-top: 68px;}
.hy-bg-wall .img3 { height: 28%; width: 21.39%; left: 50.15%; padding-top: 68px;}
.hy-bg-wall .img4 { height: 40.8%; width: 21.14%; left: 0; top: 59.2%;}
.hy-bg-wall .img5 { height: 20.4%; width: 19.6%; left: 21.14%; top: 59.2%;}
.hy-bg-wall .img6 { height: 20.4%; width: 19.6%; left: 21.14%; top: 79.6%;}
.hy-bg-wall .img7 { height: 40.8%; width: 16.6%; left: 40.74%; top: 59.2%;}
.hy-bg-wall .img8 { height: 20.4%; width: 14.2%; left: 57.34%; top: 59.2%;}
.hy-bg-wall .img9 { height: 20.4%; width: 14.2%; left: 57.34%; top: 79.6%;}
.hy-bg-wall .wall-C { height: 31.2%; min-width: 760px; overflow: hidden; width: 100%; z-index: 40; position: absolute; left: 0; top: 28%;}
.hy-bg-wall .wall-C-L { background-color: #fff; float: left; height: 100%; width: 42.58%; position: relative;}
.hy-bg-wall .wall-C-LW { text-align: center; width: 100%; position: absolute; left: 50%; top: 50%;
transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.hy-bg-wall .wall-C-R { background-color: #0e44b3; float: left; height: 100%; width: 28.97%;}
.hy-bg-wall .wall-C-C { background-color: #0e44b3; float: left; height: 100%; width: 28.45%;}
.hy-bg-wall .wall-C-L .tags { color: #121e85; font-size: 3.25em; font-family: "微软雅黑"; padding-bottom: 2%;}
.hy-bg-wall .wall-C-L .tags span { padding-left: 0.7em;}
.hy-bg-wall .wall-C-L .tags span:first-child { padding-left: 0;}
.hy-bg-wall .wall-C-L .name { color: #5f64a2; font-size: 1.75em;}
.hy-bg-wall .wall-C-R .tags, .hy-bg-details .tags { color: #fff; cursor: pointer; font-size: 2.125em; letter-spacing: 0.1em; padding: 8% 0 11% 4%; position: relative;}
.hy-bg-wall .wall-C-R .post, .hy-bg-details .post { color: #fff; font-family: "微软雅黑"; padding: 0 10% 2% 0; text-align: right;}
.hy-bg-wall .wall-C-R .post .n, .hy-bg-details .post .n { font-size: 1.875em;}
.hy-bg-wall .wall-C-R .post .p, .hy-bg-details .post .p { font-size: 1.625em; padding-left: 0.5em;}
.hy-bg-wall .wall-C-R .name, .hy-bg-details .name { color: #ccc; font-family: "微软雅黑"; font-size: 1.375em; padding-right: 10%; text-align: right;}
.hy-bg-wall .wall-C-R .symbol-l, .hy-bg-details .symbol-l { background: url(../img/about/symbol-l.png) no-repeat scroll center center / 100% 100%; display: inline-block; height: 0.85em; margin-right: 0.3em; width: 1.5em; position: relative; top: -0.2em;}
.hy-bg-wall .wall-C-R .symbol-r, .hy-bg-details .symbol-r { background: url(../img/about/symbol-r.png) no-repeat scroll center center / 100% 100%; display: inline-block; height: 0.85em; width: 1.5em; position: relative; top: 0.1em; left: 0.4em;}
.hy-bg-wall2 { height: 100%; width: 100%; position: relative;}
.hy-bg-wall2 img, .hy-bg-wall2 div { cursor: pointer; position: absolute;}
.hy-bg-wall2 .pic1 { background: url(../img/about/pic-box1.png) no-repeat scroll center center / 100% 100%; height: 22.4%; width: 10.11%; left: 8.8%; top: 18.8%;}
.hy-bg-wall2 .pic2 { background: url(../img/about/pic-box2.png) no-repeat scroll center center / 100% 100%; height: 18%; width: 7.6%; left: 7.1%; top: 32.8%; z-index: 10;}
.hy-bg-wall2 .pic3 { background: url(../img/about/pic-box2.png) no-repeat scroll center center / 100% 100%; height: 18%; width: 7.6%; left: 19.8%; top: 27%;}
.hy-bg-wall2 .pic4 { background: url(../img/about/pic-box3.png) no-repeat scroll center center / 100% 100%; height: 23%; width: 10.4%; left: 23.2%; top: 35%; z-index: 10;}
.hy-bg-wall2 .pic5 { background: url(../img/about/pic-box4.png) no-repeat scroll center center / 100% 100%; height: 24.9%; width: 11%; left: 16.4%; top: 46%;}
.hy-bg-wall2 .pic6 { background: url(../img/about/pic-box5.png) no-repeat scroll center center / 100% 100%; height: 31.3%; width: 13.5%; left: 29.3%; top: 52%;}
.hy-bg-wall2 .pic7 { background: url(../img/about/pic-box6.png) no-repeat scroll center center / 100% 100%; height: 29.2%; width: 13%; left: 35.4%; top: 35%; z-index: 10;}
.hy-bg-wall2 .pic8 { background: url(../img/about/pic-box6.png) no-repeat scroll center center / 100% 100%; height: 29.2%; width: 13%; left: 52.2%; top: 35%; z-index: 10;}
.hy-bg-wall2 .pic9 { background: url(../img/about/pic-box5.png) no-repeat scroll center center / 100% 100%; height: 31.3%; width: 13.5%; left: 58%; top: 52%;}
.hy-bg-wall2 .pic10 { background: url(../img/about/pic-box4.png) no-repeat scroll center center / 100% 100%; height: 24.9%; width: 11%; left: 73.2%; top: 46%;}
.hy-bg-wall2 .pic11 { background: url(../img/about/pic-box3.png) no-repeat scroll center center / 100% 100%; height: 23%; width: 10.4%; left: 67%; top: 35%; z-index: 10;}
.hy-bg-wall2 .pic12 { background: url(../img/about/pic-box2.png) no-repeat scroll center center / 100% 100%; height: 18%; width: 7.6%; left: 73.2%; top: 27%;}
.hy-bg-wall2 .pic13 { background: url(../img/about/pic-box2.png) no-repeat scroll center center / 100% 100%; height: 18%; width: 7.6%; left: 86%; top: 32.8%; z-index: 10;}
.hy-bg-wall2 .pic14 { background: url(../img/about/pic-box1.png) no-repeat scroll center center / 100% 100%; height: 22.4%; width: 10.11%; left: 81.7%; top: 18.8%;}
.hy-bg-wall2 .pic1 img { height: 75.4%; width: 75.2%; left: 9.6%; top: 9%;}
.hy-bg-wall2 .pic2 img { height: 73%; width: 74%; left: 9%; top: 9%;}
.hy-bg-wall2 .pic3 img { height: 73.3%; width: 74%; left: 9%; top: 9%}
.hy-bg-wall2 .pic4 img { height: 75.5%; width: 76%; left: 9%; top: 9.4%;}
.hy-bg-wall2 .pic5 img { height: 75.6%; width: 76.6%; left: 9.2%; top: 9%;}
.hy-bg-wall2 .pic6 img { height: 75.9%; width: 76.6%; left: 8.6%; top: 8.6%;}
.hy-bg-wall2 .pic7 img { height: 76%; width: 77.4%; left: 8.9%; top: 9%;}
.hy-bg-wall2 .pic8 img { height: 76%; width: 77.4%; left: 8.9%; top: 9%;}
.hy-bg-wall2 .pic9 img { height: 75.9%; width: 76.6%; left: 8.6%; top: 8.6%;}
.hy-bg-wall2 .pic10 img { height: 75.6%; width: 76.6%; left: 9.2%; top: 9%;}
.hy-bg-wall2 .pic11 img { height: 75.5%; width: 76%; left: 9%; top: 9.4%;}
.hy-bg-wall2 .pic12 img { height: 73.3%; width: 74%; left: 9%; top: 9%}
.hy-bg-wall2 .pic13 img { height: 73%; width: 74%; left: 9%; top: 9%;}
.hy-bg-wall2 .pic14 img { height: 75.4%; width: 75.2%; left: 9.6%; top: 9%;}
.hy-recruit { height: 100%; width: 100%;}
.hy-recruit-T { height: 40%; padding-top: 100px; width: 100%;}
.hy-recruit-T .tit { color: #fff; font-size: 2.25em; height: 33%; text-align: center;}
.hy-recruit-T .resume { height: 34%; position: relative;}
.hy-recruit-T .resume span { background-color: #0377ca; border: 1px solid #4fa0da; color: #fff; display: inline-block; font-size: 1em; padding: 1em 4em; z-index: 10; position: absolute; left: 50%; margin-left: -11em;}
.hy-recruit-T .resume .line { display: inline-block; height: 1px; position: absolute; top: 1.6em;}
.hy-recruit-T .resume .line1 { border-top: 1px solid #81bbe5; margin-left: -5%; width: 110%; left: 0;}
.hy-recruit-T .resume .line2 { border-top: 1px solid #e6f1fa; margin-left: -12.4em; width: 4em; z-index: 20; left: 50%;}
.hy-recruit-T .resume .line3 { border-top: 1px solid #e6f1fa; margin-left: 10em; width: 4em; z-index: 20; left: 50%;}
.hy-recruit-T .hy-recruit-tab { font-family: "微软雅黑"; height: 33%; padding: 0 10px;}
.hy-recruit-T .hy-recruit-tab a { background-color: #3f99d7; color: #fff; display: inline-block; float: left; font-size: 1em; height: 3.125em; line-height: 3.125em; margin-right: 1%; text-align: center; width: 21%;}
.hy-recruit-T .hy-recruit-tab a.hover { background-color: #fff; color: #0377ca;}
.hy-recruit-C-W { background-color: #fff; font-family: "微软雅黑"; height: 60%; width: 100%;}
.hy-recruit-C { height: 100%; padding:  0 10px; width: 100%;}
.hy-recruit-C .tit { color: #333; font-size: 1.5em; height: 18%; position: relative;}
.hy-recruit-C .tit span { display: inline-block; margin-top: -0.5em; position: absolute; left: 0; top: 50%;}
.hy-recruit-C .require { color: #666; font-size: 1em; line-height: 2em; height: 82%;}
.hy-bg-details { height: 39em; width: 72.25em;}
.hy-bg-details .cont { height: 98%;}
.hy-bg-details .de-L { background-color: #eae8e9; float: left; height: 100%; padding: 2em 2.5em 0; width: 40%;}
.hy-bg-details .de-L img { height: 100%; width: 100%;}
.hy-bg-details .de-R { background-color: #0f44b4; float: left; height: 100%; padding: 2em 2.5em 0; width: 60%;}
.hy-bg-details .bus { color: #fff; font-family: "微软雅黑"; font-size: 1.5em; padding: 3em 0 1em;}
.hy-bg-details .bus-info { color: #fff; font-family: "微软雅黑"; font-size: 1.125em; line-height: 1.8em;}
.hy-bg-details .bg-ft { background-color: #ffcc01; height: 2%; width: 100%;}
.hy-bg-details .tags { cursor: inherit;}
/*申请接入海云*/
.hy-apply-w { background: url(../img/apply/bg-1.png) no-repeat scroll center center / 100% 100%; background-color: #1e83cb;}
.hy-apply.hy-w { font-family: "微软雅黑"; height: 100%; padding: 150px 10px 0;}
.hy-apply-cont { background-color: rgba(166,215,245,0.8); margin: 0 auto; padding-top: 5em; position: relative;}
.hy-apply-cont li { float: left; font-size: 1em; overflow: hidden; padding-bottom: 2em; position: relative; width: 50%;}
.hy-apply-cont .app-L { color: #333; float: left; line-height: 2em; text-align: right; width: 32%;}
.hy-apply-cont .app-R { float: left; width: 68%;}
.hy-apply-cont .app-qq { background: url(../img/apply/qq.png) no-repeat scroll center center / 100% 100%; display: inline-block; height: 1.625em; width: 6em; position: relative; top: 0.3em;}
.hy-apply-cont li.msg { clear: both; width: 100%;}
.hy-apply-cont li.msg .app-L { width: 16%;}
.hy-apply-cont li.msg .app-R { width: 84%;}
.hy-apply-cont input[type="text"] { line-height: 1.4em; max-width: 16em; padding: 0.3em 0; width: 80%;}
.hy-apply-cont textarea { height: 7em; max-width: 85%; width: 85%;}
.hy-apply-cont .tit { background: rgba(29,161,223,0.9); color: #fff; font-size: 1.75em; height: 2em; line-height: 2em; margin-left: -4em; text-align: center; width: 10em; z-index: 10; position: absolute; left: 50%; top: -1em;}
.hy-apply-cont .tit-opi { background: rgba(44,117,157,0.8); font-size: 1.75em; height: 2em; line-height: 2em; margin-left: -3.7em; width: 10em; position: absolute; left: 50%; top: -0.7em;}
.hy-apply-cont .app-btn { padding: 1em 0 2.5em; text-align: center;}
.hy-apply-cont .app-btn a { background: url(../img/apply/btn.png) no-repeat scroll center center / 100% 100%; color: #fff; display: inline-block; font-size: 1.125em; height: 2.7em; letter-spacing: 0.5em; line-height: 2.7em; padding-left: 2em; width: 12.9em;}
.hy-apply-web { background: url(../img/apply/img.png) no-repeat scroll center center / 100% 100%; height: 49%; width: 34%; position: absolute; bottom: -23%; right: -28%;}
.hy-apply-sd1 { background: url(../img/apply/bg-2.png) no-repeat; height: 20.66em; width: 18em; position: absolute; right: -18em; top: 0;}
.hy-apply-sd2 { background: url(../img/apply/bg-3.png) no-repeat; height: 12.06em; width: 68.81em; position: absolute; bottom: -12.06em; left: 0;}
/*积分兑换专题页*/
.hy-integral-exc { background-color: #000; font-family: "微软雅黑"; width: 100%;}
.hy-integral-banner { height: 31.75em; width: 100%;}
.hy-integral-banner img { height: 100%; width: 100%;}
.hy-integral-tit { height: 10em; padding-top: 4em; position: relative;}
.hy-integral-tit span { background-color: #333; border: 1px solid #6e5816; color: #ffcc33; display: inline-block; font-size: 1.625em; line-height: 1.8em; text-align: center; width: 15em; z-index: 10; position: absolute; left: 50%; margin-left: -7.5em;}
.hy-integral-tit .line { display: inline-block; height: 1px; position: absolute; top: 5.5em;}
.hy-integral-tit .line1 { border-top: 1px solid #80661a; margin-left: -5%; width: 110%; left: 0;}
.hy-integral-tit .line2 { border-top: 1px solid #e6b82e; margin-left: -13.5em; width: 4em; z-index: 20; left: 50%;}
.hy-integral-tit .line3 { border-top: 1px solid #e6b82e; margin-left: 9.6em; width: 4em; z-index: 20; left: 50%;}
.hy-integral-list { padding: 0 10px;}
.hy-integral-list li { float: left; margin: 0 1%; padding-bottom: 2em; width: 23%;}
.hy-integral-list li a { display: block;}
.hy-integral-list li img { height: 10.06em; width: 100%;}
.hy-integral-list span { display: inline-block; float: left; font-size: 1em; height: 2.5em; line-height: 2.5em; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 50%;}
.hy-integral-list .price-L { background-color: #4859c0; color: #fff;}
.hy-integral-list .price-R { background-color: #68aedd; color: #ffcc33;}
.hy-integral-list .price-R em { font-size: 1.2em;}
.hy-integral-rule { color: #ffcc33; font-size: 1.125em; padding: 0 10px 8em;}
.hy-integral-rule .pro { color: #ccc; font-size: 0.83em;}
.hy-integral-rule .tit { padding-bottom: 1.8em;}
.hy-integral-rule p { padding-bottom: 0.5em;}

/*动画 S*/
/*下拉鼠标*/
.section.active .hy-home .hy-mouse, .section.active .active .hy-mouse {
animation: linear 2s infinite mouse; -ms-animation: linear 2s infinite mouse; -moz-animation: linear 2s infinite mouse; -webkit-animation:  linear 2s infinite mouse;
}
.section.active.hy-home-page .hy-mouse {
animation: 2s linear 10s infinite mouse; -ms-animation: 2s linear 10s infinite mouse; -moz-animation: 2s linear 10s infinite mouse; -webkit-animation: 2s linear 10s infinite mouse;
}
.section.active.hy-partner .hy-mouse {
animation: 2s linear 2.4s infinite mouse; -ms-animation: 2s linear 2.4s infinite mouse; -moz-animation: 2s linear 2.4s infinite mouse; -webkit-animation: 2s linear 2.4s infinite mouse;
}
.section.active.hy-about-page1 .hy-mouse, .section.active.hy-about-page2 .hy-mouse {
animation: 2s linear 1s infinite mouse; -ms-animation: 2s linear 1s infinite mouse; -moz-animation: 2s linear 1s infinite mouse; -webkit-animation: 2s linear 1s infinite mouse;
}
.section.active.hy-about-page3 .hy-mouse {
animation: 2s linear 2.5s infinite mouse; -ms-animation: 2s linear 2.5s infinite mouse; -moz-animation: 2s linear 2.5s infinite mouse; -webkit-animation: 2s linear 2.5s infinite mouse;
}
@keyframes mouse {
 	0% { opacity: 0; transform: translate(0, -20px);}
 	60% { opacity: 1; transform: translate(0, -10px);}
 	100% { opacity: 0.2; transform: translate(0, 10px);}
}
@-ms-keyframes mouse{
	0% { opacity: 0; -ms-transform: translate(0, -20px);}
 	60% { opacity: 1; -ms-transform: translate(0, -10px);}
 	100% { opacity: 0.2; -ms-transform: translate(0, 10px);}
}
@-moz-keyframes mouse{
	0% { opacity: 0; -moz-transform: translate(0, -20px);}
 	60% { opacity: 1; -moz-transform: translate(0, -10px);}
 	100% { opacity: 0.2; -moz-transform: translate(0, 10px);}
}
@-webkit-keyframes mouse{
	0% { opacity: 0; -webkit-transform: translate(0, -20px);}
 	60% { opacity: 1; -webkit-transform: translate(0, -10px);}
 	100% { opacity: 0.2; -webkit-transform: translate(0, 10px);}
}
.section.active.hy-st-01 .hy-mouse { animation-delay: 2.2s; -ms-animation-delay: 2.2s; -moz-animation-delay: 2.2s; -webkit-animation-delay: 2.2s;}
.section.active.hy-st-02 .hy-mouse { animation-delay: 3.2s; -ms-animation-delay: 3.2s; -moz-animation-delay: 3.2s; -webkit-animation-delay: 3.2s;}
.section.active.hy-st-02 .hy-ssp2 .hy-mouse { animation-delay: 2.4s; -ms-animation-delay: 2.4s; -moz-animation-delay: 2.4s; -webkit-animation-delay: 2.4s;}
.section.active.hy-st-02 .hy-ssp3 .hy-mouse { animation-delay: 2.6s; -ms-animation-delay: 2.6s; -moz-animation-delay: 2.6s; -webkit-animation-delay: 2.6s;}
.section.active.hy-st-03 .hy-mouse { animation-delay: 6.4s; -ms-animation-delay: 6.4s; -moz-animation-delay: 6.4s; -webkit-animation-delay: 6.4s;}
.section.active.hy-st-03 .hy-pmp2 .hy-mouse { animation-delay: 4.1s; -ms-animation-delay: 4.1s; -moz-animation-delay: 4.1s; -webkit-animation-delay: 4.1s;}
.section.active.hy-st-03. .hy-pmp2 .hy-mouse { animation-delay: 3.9s; -ms-animation-delay: 3.9s; -moz-animation-delay: 3.9s; -webkit-animation-delay: 3.9s;}
.section.active.hy-st-04 .hy-mouse { animation-delay: 4.2s; -ms-animation-delay: 4.2s; -moz-animation-delay: 4.2s; -webkit-animation-delay: 4.2s;}
.section.active.hy-st-05 .hy-mouse { animation-delay: 4.5s; -ms-animation-delay: 4.5s; -moz-animation-delay: 4.5s; -webkit-animation-delay: 4.5s;}
.section.active.hy-news .active .hy-mouse { animation-delay: 1s; -ms-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s;}
/*星星滑过*/
.hy-st-01 .Glide-M { background: url(../img/product/glide.png) no-repeat scroll center center / contain; height: 32px; width: 42px; opacity: 0; position: absolute;
}
.hy-st-01 .Glide-M1 { left: 40%; top: 30%;
animation: 3s linear 4s infinite GlideIn; -ms-animation: 3s linear 4s infinite GlideIn; -moz-animation: 3s linear 4s infinite GlideIn; -webkit-animation: 3s linear 4s infinite GlideIn;
}
.hy-st-01 .Glide-M2 { right: 0; top: 10%;
animation: 3s linear 7s infinite GlideIn; -ms-animation: 3s linear 7s infinite GlideIn; -moz-animation: 3s linear 7s infinite GlideIn; -webkit-animation: 3s linear 7s infinite GlideIn;
}
.hy-st-01 .Glide-M3 { left: 10%; top: 50%;
animation: 3s linear 5s infinite GlideIn; -ms-animation: 3s linear 5s infinite GlideIn; -moz-animation: 3s linear 5s infinite GlideIn; -webkit-animation: 3s linear 5s infinite GlideIn;
}
.hy-st-01 .Glide-M4 { left: 70%; top: 50%;
animation: 3s linear 6s infinite GlideIn; -ms-animation: 3s linear 6s infinite GlideIn; -moz-animation: 3s linear 6s infinite GlideIn; -webkit-animation: 3s linear 6s infinite GlideIn;
}
@keyframes GlideIn{
	0% { opacity: 0; transform: translate3d(410%, -410%, 0);}
    15% { opacity: 1; transform: translate3d(0, 0, 0);}
    30% { opacity: 0; transform: translate3d(-410%, 410%, 0);}
    100% { opacity: 0; transform: translate3d(-410%, 410%, 0);}
}
@-ms-keyframes GlideIn{
	0% { opacity: 0; -ms-transform: translate3d(410%, -410%, 0);}
    15% { opacity: 1; -ms-transform: translate3d(0, 0, 0);}
    30% { opacity: 0; -ms-transform: translate3d(-410%, 410%, 0);}
    100% { opacity: 0; -ms-transform: translate3d(-410%, 410%, 0);}
}
@-moz-keyframes GlideIn{
	0% { opacity: 0; -moz-transform: translate3d(410%, -410%, 0);}
    15% { opacity: 1; -moz-transform: translate3d(0, 0, 0);}
    30% { opacity: 0; -moz-transform: translate3d(-410%, 410%, 0);}
    100% { opacity: 0; -moz-transform: translate3d(-410%, 410%, 0);}
}
@-webkit-keyframes GlideIn{
	0% { opacity: 0; -webkit-transform: translate3d(410%, -410%, 0);}
    15% { opacity: 1; -webkit-transform: translate3d(0, 0, 0);}
    30% { opacity: 0; -webkit-transform: translate3d(-410%, 410%, 0);}
    100% { opacity: 0; -webkit-transform: translate3d(-410%, 410%, 0);}
}
.active .active .slideRight, .section.active .hy-home .slideRight {
animation: 0.5s ease-out 0.7s both slideInRight; -ms-animation: 0.5s ease-out 0.7s both slideInRight; -moz-animation: 0.5s ease-out 0.7s both slideInRight; -webkit-animation: 0.5s ease-out 0.7s both slideInRight;
}
.section.active .hy-introduct .cont { animation: 0.7s ease-out 1.4s both slideInRight; -ms-animation: 0.7s ease-out 1.4s both slideInRight; -moz-animation: 0.7s ease-out 1.4s both slideInRight; -webkit-animation: 0.7s ease-out 1.4s both slideInRight;}
@keyframes slideInRight {
	0% { opacity: 0; transform: translateX(200%);}
	100% { opacity: 1;}
}
@-ms-keyframes slideInRight {
	0% { opacity: 0; -ms-transform: translateX(200%);}
	100% { opacity: 1;}
}
@-moz-keyframes slideInRight {
	0% { opacity: 0; -moz-transform: translateX(200%);}
	100% { opacity: 1;}
}
@-webkit-keyframes slideInRight {
	0% { opacity: 0; -webkit-transform: translateX(200%);}
	100% { opacity: 1;}
}
.section.active .hy-home .slideScale, .section.active .active .slideScale, .section.active .hy-introduct .slideScale {
animation: 0.5s ease-out 0.7s both slideInScale; -ms-animation: 0.5s ease-out 0.7s both slideInScale; -moz-animation: 0.5s ease-out 0.7s both slideInScale; -webkit-animation: 0.5s ease-out 0.7s both slideInScale;
}
@keyframes slideInScale {
	0% { opacity: 0; transform: scale(0.5, 0.5);}
	100% { opacity: 1; transform: scale(1, 1);}
}
@-ms-keyframes slideInScale {
	0% { opacity: 0; -ms-transform: scale(0.5, 0.5);}
	100% { opacity: 1; -ms-transform: scale(1, 1);}
}
@-moz-keyframes slideInScale {
	0% { opacity: 0; -moz-transform: scale(0.5, 0.5);}
	100% { opacity: 1; -moz-transform: scale(1, 1);}
}
@-webkit-keyframes slideInScale {
	0% { opacity: 0; -webkit-transform: scale(0.5, 0.5);}
	100% { opacity: 1; -webkit-transform: scale(1, 1);}
}
.section.active .hy-home .slideScalea { opacity: 0;
animation: 2s linear 1s infinite slideInScalea; -ms-animation: 2s linear 1s infinite slideInScalea; -moz-animation: 2s linear 1s infinite slideInScalea; -webkit-animation: 2s linear 1s infinite slideInScalea;
}
@keyframes slideInScalea {
	0% { opacity: 0; }
	50% { opacity: 1;}
	100% { opacity: 0;}
}
@-ms-keyframes slideInScalea {
	0% { opacity: 0; }
	50% { opacity: 1;}
	100% { opacity: 0;}
}
@-moz-keyframes slideInScalea {
	0% { opacity: 0; }
	50% { opacity: 1;}
	100% { opacity: 0;}
}
@-webkit-keyframes slideInScalea {
	0% { opacity: 0; }
	50% { opacity: 1;}
	100% { opacity: 0;}
}
.section.active .hy-home .slideOpa, .section.active .active .slideOpa {
animation: 1s ease 0.4s both slideInOpa; -ms-animation: 1s ease 0.4s both slideInOpa; -moz-animation: 1s ease 0.4s both slideInOpa; -webkit-animation: 1s ease 0.4s both slideInOpa;
}
@keyframes slideInOpa {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-ms-keyframes slideInOpa {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-moz-keyframes slideInOpa {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes slideInOpa {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
.section.active .active .slideLeft {
animation: 0.5s ease-out 0.7s both slideInLeft; -ms-animation: 0.5s ease-out 0.7s both slideInLeft; -moz-animation: 0.5s ease-out 0.7s both slideInLeft; -webkit-animation: 0.5s ease-out 0.7s both slideInLeft;
}
@keyframes slideInLeft {
	0% { opacity: 0; transform: translateX(-200%);}
	100% { opacity: 1;}
}
@-ms-keyframes slideInLeft {
	0% { opacity: 0; -ms-transform: translateX(-200%);}
	100% { opacity: 1;}
}
@-moz-keyframes slideInLeft {
	0% { opacity: 0; -moz-transform: translateX(-200%);}
	100% { opacity: 1;}
}
@-webkit-keyframes slideInLeft {
	0% { opacity: 0; -webkit-transform: translateX(-200%);}
	100% { opacity: 1;}
}
.section.active .active .slideTop {
animation: 1s ease 0.7s both slideInTop; -ms-animation: 1s ease 0.7s both slideInTop; -moz-animation: 1s ease 0.7s both slideInTop; -webkit-animation: 1s ease 0.7s both slideInTop;
}
@keyframes slideInTop{
	0%{ opacity: 0; transform: translateY(-200%);}
	100%{ opacity: 1;}
}
@-ms-keyframes slideInTop{
	0%{ opacity: 0; -ms-transform: translateY(-200%);}
	100%{ opacity: 1;}
}
@-moz-keyframes slideInTop{
	0%{ opacity: 0; -moz-transform: translateY(-200%);}
	100%{ opacity: 1;}
}
@-webkit-keyframes slideInTop{
	0%{ opacity: 0; -webkit-transform: translateY(-200%);}
	100%{ opacity: 1;}
}
.section.active .active .slideTopa {
animation: 0.5s ease 0.7s both slideInTopa; -ms-animation: 0.5s ease 0.7s both slideInTopa; -moz-animation: 0.5s ease 0.7s both slideInTopa; -webkit-animation: 0.5s ease 0.7s both slideInTopa;
}
@keyframes slideInTopa{
	0% { opacity: 0; transform: translateY(-200%);}
	100% { opacity: 1;}
}
@-ms-keyframes slideInTopa{
	0% { opacity: 0; -ms-transform: translateY(-200%);}
	100% { opacity: 1;}
}
@-moz-keyframes slideInTopa{
	0% { opacity: 0; -moz-transform: translateY(-200%);}
	100% { opacity: 1;}
}
@-webkit-keyframes slideInTopa{
	0% { opacity: 0; -webkit-transform: translateY(-200%);}
	100% { opacity: 1;}
}
.section.active .active .slideTopb {
animation: 1s ease 0.7s both slideInTopb; -ms-animation: 1s ease 0.7s both slideInTopb; -moz-animation: 1s ease 0.7s both slideInTopb; -webkit-animation: 1s ease 0.7s both slideInTopb;
}
@keyframes slideInTopb{
	0% { opacity: 0; transform: translateY(-200%);}
	10% { opacity: 1; transform: translateY(0);}
	40%,60%,80% { transform: translate3d(-10px, 0, 0);}
	50%,70%,90%{ transform: translate3d(10px, 0, 0);}
	90%{ opacity: 1;}
	100%{ opacity: 0; transform: translate3d(0, 0, 0);}
}
@-ms-keyframes slideInTopb{
	0% { opacity: 0; -ms-transform: translateY(-200%);}
	10% { opacity: 1; -ms-transform: translateY(0);}
	40%,60%,80% { -ms-transform: translate3d(-10px, 0, 0);}
	50%,70%,90%{ -ms-transform: translate3d(10px, 0, 0);}
	90%{ opacity: 1;}
	100%{ opacity: 0; -ms-transform: translate3d(0, 0, 0);}
}
@-moz-keyframes slideInTopb{
	0% { opacity: 0; -moz-transform: translateY(-200%);}
	10% { opacity: 1; -moz-transform: translateY(0);}
	40%,60%,80% { -moz-transform: translate3d(-10px, 0, 0);}
	50%,70%,90%{ -moz-transform: translate3d(10px, 0, 0);}
	90%{ opacity: 1;}
	100%{ opacity: 0; -moz-transform: translate3d(0, 0, 0);}
}
@-webkit-keyframes slideInTopb{
	0% { opacity: 0; -webkit-transform: translateY(-200%);}
	10% { opacity: 1; -webkit-transform: translateY(0);}
	40%,60%,80% { -webkit-transform: translate3d(-10px, 0, 0);}
	50%,70%,90%{ -webkit-transform: translate3d(10px, 0, 0);}
	90%{ opacity: 1;}
	100%{ opacity: 0; -webkit-transform: translate3d(0, 0, 0);}
}
.section.active .active .slideTopc {
animation: 1.4s ease 1s both slideInTopc; -ms-animation: 1.4s ease 1s both slideInTopc; -moz-animation: 1.4s ease 1s both slideInTopc; -webkit-animation: 1.4s ease 1s both slideInTopc;
}
@keyframes slideInTopc{
	0% { opacity: 0; transform: translateY(-130px);}
	20%,90%{ opacity: 1; transform: translateY(0);}
	100%{ opacity: 0;}
}
@-ms-keyframes slideInTopc{
	0% { opacity: 0; -ms-transform: translateY(-130px);}
	20%,90%{ opacity: 1; -ms-transform: translateY(0);}
	100%{ opacity: 0;}
}
@-moz-keyframes slideInTopc{
	0% { opacity: 0; -moz-transform: translateY(-130px);}
	20%,90%{ opacity: 1; -moz-transform: translateY(0);}
	100%{ opacity: 0;}
}
@-webkit-keyframes slideInTopc{
	0% { opacity: 0; -webkit-transform: translateY(-130px);}
	20%,90%{ opacity: 1; -webkit-transform: translateY(0);}
	100%{ opacity: 0;}
}
.section.active .active .slideTopd {
animation: 2.4s ease 1.4s both slideInTopd; -ms-animation: 2.4s ease 1.4s both slideInTopd; -moz-animation: 2.4s ease 1.4s both slideInTopd; -webkit-animation: 2.4s ease 1.4s both slideInTopd;
}
@keyframes slideInTopd{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-ms-keyframes slideInTopd{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-moz-keyframes slideInTopd{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes slideInTopd{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
.section.active .active .slideTope {
animation: 0.5s ease 6s both slideInTope; -ms-animation: 0.5s ease 6s both slideInTope; -moz-animation: 0.5s ease 6s both slideInTope; -webkit-animation: 0.5s ease 6s both slideInTope;
}
@keyframes slideInTope{
	0%{ margin-top: -5.85em;}
	100%{ margin-top: 0;}
}
@-ms-keyframes slideInTope{
	0%{ margin-top: -5.85em;}
	100%{ margin-top: 0;}
}
@-moz-keyframes slideInTope{
	0%{ margin-top: -5.85em;}
	100%{ margin-top: 0;}
}
@-webkit-keyframes slideInTope{
	0%{ margin-top: -5.85em;}
	100%{ margin-top: 0;}
}
.section.active .active .Cycle {
animation: 6s linear 2s infinite cycleIn; -ms-animation: 6s linear 2s infinite cycleIn; -moz-animation: 6s linear 2s infinite cycleIn; -webkit-animation: 6s linear 2s infinite cycleIn;
}
@keyframes cycleIn {
 	0% { transform: rotate(0deg);}
 	100% { transform: rotate(360deg);}
}
@-ms-keyframes cycleIn{
	0% { -ms-transform: rotate(0deg);}
 	100% { -ms-transform: rotate(360deg);}
}
@-moz-keyframes cycleIn{
	0% { -moz-transform: rotate(0deg);}
 	100% { -moz-transform: rotate(360deg);}
}
@-webkit-keyframes cycleIn{
	0% { -webkit-transform: rotate(0deg);}
 	100% { -webkit-transform: rotate(360deg);}
}
.section.active .active .fadeUp {
animation: 1s ease 1s both slideInTopd; -ms-animation: 1s ease 1s both slideInTopd; -moz-animation: 1s ease 1s both slideInTopd; -webkit-animation: 1s ease 1s both slideInTopd;
}
@keyframes fadeInUp {
  0% { opacity: 0; transform: translate3d(0, 100%, 0);}
  100% { opacity: 1; transform: none;}
}
@-ms-keyframes fadeInUp{
  0% { opacity: 0; -ms-transform: translate3d(0, 100%, 0);}
  100% { opacity: 1; -ms-transform: none;}
}
@-moz-keyframes fadeInUp{
  0% { opacity: 0; -moz-transform: translate3d(0, 100%, 0);}
  100% { opacity: 1; -moz-transform: none;}
}
@-webkit-keyframes fadeInUp{
  0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0);}
  100% { opacity: 1; -webkit-transform: none;}
}
.section.active .active .slideShow {
animation: 0.3s ease 2.3s both slideInShow; -ms-animation: 0.3s ease 2.3s both slideInShow; -moz-animation: 0.3s ease 2.3s both slideInShow; -webkit-animation: 0.3s ease 2.3s both slideInShow;
}
@keyframes slideInShow{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-ms-keyframes slideInShow{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-moz-keyframes slideInShow{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes slideInShow{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
.section.active .active .slideShowa {
animation: 0.2s ease 2s both slideInShowa; -ms-animation: 0.2s ease 2s both slideInShowa; -moz-animation: 0.2s ease 2s both slideInShowa; -webkit-animation: 0.2s ease 2s both slideInShowa;
}
@keyframes slideInShowa{
	0% { opacity: 0;}
	10%,90% { opacity: 1;}
	100% { opacity: 0;}
}
@-ms-keyframes slideInShowa{
	0% { opacity: 0;}
	10%,90% { opacity: 1;}
	100% { opacity: 0;}
}
@-moz-keyframes slideInShowa{
	0% { opacity: 0;}
	10%,90% { opacity: 1;}
	100% { opacity: 0;}
}
@-webkit-keyframes slideInShowa{
	0% { opacity: 0;}
	10%,90% { opacity: 1;}
	100% { opacity: 0;}
}
.section.active .active .slideClick {
animation: 0.5s ease 4.3s both slideInClick; -ms-animation: 0.5s ease 4.3s both slideInClick; -moz-animation: 0.5s ease 4.3s both slideInClick; -webkit-animation: 0.5s ease 4.3s both slideInClick;
}
@keyframes slideInClick{
	0% { opacity: 0; transform: translate(15%,15%);}
	100% { opacity: 1;}
}
@-ms-keyframes slideInClick{
	0% { opacity: 0; -ms-transform: translate(15%,15%);}
	100% { opacity: 1;}
}
@-moz-keyframes slideInClick{
	0% { opacity: 0; -moz-transform: translate(15%,15%);}
	100% { opacity: 1;}
}
@-webkit-keyframes slideInClick{
	0% { opacity: 0; -webkit-transform: translate(15%,15%);}
	100% { opacity: 1;}
}
.section.active .active .slideSer {
animation: 0.5s ease 2.6s both slideInSer; -ms-animation: 0.5s ease 2.6s both slideInSer; -moz-animation: 0.5s ease 2.6s both slideInSer; -webkit-animation: 0.5s ease 2.6s both slideInSer;
}
@keyframes slideInSer{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-ms-keyframes slideInSer{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-moz-keyframes slideInSer{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes slideInSer{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
.section.active .active .slideSer1 {
animation: 0.6s ease 4.8s both slideInSer1; -ms-animation: 0.6s ease 4.8s both slideInSer1; -moz-animation: 0.6s ease 4.8s both slideInSer1; -webkit-animation: 0.6s ease 4.8s both slideInSer1;
}
@keyframes slideInSer1{
	0% { opacity: 0;}
	100% { opacity: 0.3;}
}
@-ms-keyframes slideInSer1{
	0% { opacity: 0;}
	100% { opacity: 0.3;}
}
@-moz-keyframes slideInSer1{
	0% { opacity: 0;}
	100% { opacity: 0.3;}
}
@-webkit-keyframes slideInSer1{
	0% { opacity: 0;}
	100% { opacity: 0.3;}
}
.section.active .active .slideSer2 {
animation: 0.6s ease 4.8s both slideInSer2; -ms-animation: 0.6s ease 4.8s both slideInSer2; -moz-animation: 0.6s ease 4.8s both slideInSer2; -webkit-animation: 0.6s ease 4.8s both slideInSer2;
}
@keyframes slideInSer2{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-ms-keyframes slideInSer2{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-moz-keyframes slideInSer2{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes slideInSer2{
	0% { opacity: 0;}
	100% { opacity: 1;}
}
.section.active.hy-partner .bounceLeft {
animation: 1s ease-out 1s both bounceInLeft; -ms-animation: 1s ease-out 1s both bounceInLeft; -moz-animation: 1s ease-out 1s both bounceInLeft; -webkit-animation: 1s ease-out 1s both bounceInLeft;
}
@keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0% { opacity: 0; transform: translate3d(-3000px, 0, 0);}
	60% { opacity: 1; transform: translate3d(25px, 0, 0);}
	75% { transform: translate3d(-10px, 0, 0);}
	90% { transform: translate3d(5px, 0, 0);}
	100% { transform: none;}
}
@-ms-keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% { -ms-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0% { opacity: 0; -ms-transform: translate3d(-3000px, 0, 0);}
	60% { opacity: 1; -ms-transform: translate3d(25px, 0, 0);}
	75% { -ms-transform: translate3d(-10px, 0, 0);}
	90% { -ms-transform: translate3d(5px, 0, 0);}
	100% { -ms-transform: none;}
}
@-moz-keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% { -moz-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0% { opacity: 0; -moz-transform: translate3d(-3000px, 0, 0);}
	60% { opacity: 1; -moz-transform: translate3d(25px, 0, 0);}
	75% { -moz-transform: translate3d(-10px, 0, 0);}
	90% { -moz-transform: translate3d(5px, 0, 0);}
	100% { -moz-transform: none;}
}
@-webkit-keyframes bounceInLeft {
	0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
	0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0);}
	60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0);}
	75% { -webkit-transform: translate3d(-10px, 0, 0);}
	90% { -webkit-transform: translate3d(5px, 0, 0);}
	100% { -webkit-transform: none;}
}
.section.active.hy-partner .leafShow { opacity: 1;
transition: all 0s linear 2s; -ms-transition: all 0s linear 2s; -moz-transition: all 0s linear 2s; -webkit-transition: all 0s linear 2s;}
.section.active.hy-partner .leafShake {
animation: 8s linear 0s infinite leafInShake; -ms-animation: 8s linear 0s infinite leafInShake; -moz-animation: 8s linear 0s infinite leafInShake; -webkit-animation: 8s linear 0s infinite leafInShake;
}
@keyframes leafInShake{
	10%,50%,90% { transform: rotate(4deg);}
    30%,70% { transform: rotate(-4deg); }
    100% { transform: rotate(0deg);}
}
@-ms-keyframes leafInShake{
	10%,50%,90% { -ms-transform: rotate(4deg);}
    30%,70% { -ms-transform: rotate(-4deg); }
    100% { -ms-transform: rotate(0deg);}
}
@-moz-keyframes leafInShake{
	10%,50%,90% { -moz-transform: rotate(4deg);}
    30%,70% { -moz-transform: rotate(-4deg); }
    100% { -moz-transform: rotate(0deg);}
}
@-webkit-keyframes leafInShake{
	10%,50%,90% { -webkit-transform: rotate(4deg);}
    30%,70% { -webkit-transform: rotate(-4deg); }
    100% { -webkit-transform: rotate(0deg);}
}
.section.active .active .lineH {
animation: 20s linear 6s infinite InlineH; -ms-animation: 20s linear 6s infinite InlineH; -moz-animation: 20s linear 6s infinite InlineH; -webkit-animation: 20s linear 6s infinite InlineH;}
@keyframes InlineH{
	0% { background-position: 0 0;}
	100% { background-position: 600px 0;}
}
@-ms-keyframes InlineH{
	0% { background-position: 0 0;}
	100% { background-position: 600px 0;}
}
@-moz-keyframes InlineH{
	0% { background-position: 0 0;}
	100% { background-position: 600px 0;}
}
@-webkit-keyframes InlineH{
	0% { background-position: 0 0;}
	100% { background-position: 600px 0;}
}
.section.active .active .lineHF {
animation: 20s linear 6s infinite InlineHF; -ms-animation: 20s linear 6s infinite InlineHF; -moz-animation: 20s linear 6s infinite InlineHF; -webkit-animation: 20s linear 6s infinite InlineHF;}
@keyframes InlineHF{
	0% { background-position: 600px 0;}
	100% { background-position: 0 0;}
}
@-ms-keyframes InlineHF{
	0% { background-position: 600px 0;}
	100% { background-position: 0 0;}
}
@-moz-keyframes InlineHF{
	0% { background-position: 600px 0;}
	100% { background-position: 0 0;}
}
@-webkit-keyframes InlineHF{
	0% { background-position: 600px 0;}
	100% { background-position: 0 0;}
}
.section.active .active .lineS {
animation: 20s linear 6s infinite InlineS; -ms-animation: 20s linear 6s infinite InlineS; -moz-animation: 20s linear 6s infinite InlineS; -webkit-animation: 20s linear 6s infinite InlineS;}
@keyframes InlineS{
	0% { background-position: 0 600px;}
	100% { background-position: 0 0;}
}
@-ms-keyframes InlineS{
	0% { background-position: 0 600px;}
	100% { background-position: 0 0;}
}
@-moz-keyframes InlineS{
	0% { background-position: 0 600px;}
	100% { background-position: 0 0;}
}
@-webkit-keyframes InlineS{
	0% { background-position: 0 600px;}
	100% { background-position: 0 0;}
}
.section.active .active .lineSF {
animation: 20s linear 2.6s infinite InlineSF; -ms-animation: 20s linear 2.6s infinite InlineSF; -moz-animation: 20s linear 2.6s infinite InlineSF; -webkit-animation: 20s linear 2.6s infinite InlineSF;}
@keyframes InlineSF{
	0% { background-position: 0 0;}
	100% { background-position: 0 600px;}
}
@-ms-keyframes InlineSF{
	0% { background-position: 0 0;}
	100% { background-position: 0 600px;}
}
@-moz-keyframes InlineSF{
	0% { background-position: 0 0;}
	100% { background-position: 0 600px;}
}
@-webkit-keyframes InlineSF{
	0% { background-position: 0 0;}
	100% { background-position: 0 600px;}
}
.active.hy-home-page .Light {
animation: 6s linear 0s infinite InShake; -ms-animation: 6s linear 0s infinite InShake; -moz-animation: 6s linear 0s infinite InShake; -webkit-animation: 6s linear 0s infinite InShake;
}
@keyframes InShake {
    0% { transform: rotateY(230deg);}
    50% { transform: rotateY(280deg);}
    100% { transform: rotateY(230deg);}
}
@-ms-keyframes InShake {
    0% { -ms-transform: rotateY(230deg);}
    50% { -ms-transform: rotateY(280deg);}
    100% { -ms-transform: rotateY(230deg);}
}
@-moz-keyframes InShake {
    0% { -moz-transform: rotateY(230deg);}
    50% { -moz-transform: rotateY(280deg);}
    100% { -moz-transform: rotateY(230deg);}
}
@-webkit-keyframes InShake {
    0% { -webkit-transform: rotateY(230deg);}
    50% { -webkit-transform: rotateY(280deg);}
    100% { -webkit-transform: rotateY(230deg);}
}
.active.hy-home-page .SlideScaleb {
animation: 1.5s ease-out 0.5s both slideInScaleb; -ms-animation: 1.5s ease-out 0.5s both slideInScaleb; -moz-animation: 1.5s ease-out 0.5s both slideInScaleb; -webkit-animation: 1.5s ease-out 0.5s both slideInScaleb;
}
@keyframes slideInScaleb {
	0% { opacity: 0; transform: scale(0, 1);}
	100% { opacity: 1; transform: scale(1, 1);}
}
@-ms-keyframes slideInScaleb{
	0% { opacity: 0; -ms-transform: scale(0, 1);}
	100% { opacity: 1; -ms-transform: scale(1, 1);}
}
@-moz-keyframes slideInScaleb{
	0% { opacity: 0; -moz-transform: scale(0, 1);}
	100% { opacity: 1; -moz-transform: scale(1, 1);}
}
@-webkit-keyframes slideInScaleb{
	0% { opacity: 0; -webkit-transform: scale(0, 1);}
	100% { opacity: 1; -webkit-transform: scale(1, 1);}
}
.active.hy-home-page .slideRighte {
animation: 1s ease-out 2.5s both slideInRighte; -ms-animation: 1s ease-out 2.5s both slideInRighte; -moz-animation: 1s ease-out 2.5s both slideInRighte; -webkit-animation: 1s ease-out 2.5s both slideInRighte;
}
@keyframes slideInRighte {
	0% { opacity: 0; transform: translateX(200%);}
	100% { opacity: 1;}
}
@-ms-keyframes slideInRighte{
	0% { opacity: 0; -ms-transform: translateX(200%);}
	100% { opacity: 1;}
}
@-moz-keyframes slideInRighte{
	0% { opacity: 0; -moz-transform: translateX(200%);}
	100% { opacity: 1;}
}
@-webkit-keyframes slideInRighte{
	0% { opacity: 0; -webkit-transform: translateX(200%);}
	100% { opacity: 1;}
}
.active.hy-home-page .Cloudm {
animation: 50s linear infinite slideInRightf; -ms-animation: 50s linear infinite slideInRightf; -moz-animation: 50s linear infinite slideInRightf; -webkit-animation: 50s linear infinite slideInRightf;
}
@keyframes slideInRightf {
	0% { opacity: 0.4; transform: translateX(0);}
	100% { opacity: 0.4; transform: translateX(-2400%);}
}
@-ms-keyframes slideInRightf{
	0% { opacity: 0.4; -ms-transform: translateX(0);}
	100% { opacity: 0.4; -ms-transform: translateX(-2400%);}
}
@-moz-keyframes slideInRightf{
	0% { opacity: 0.4; -moz-transform: translateX(0);}
	100% { opacity: 0.4; -moz-transform: translateX(-2400%);}
}
@-webkit-keyframes slideInRightf{
	0% { opacity: 0.4; -webkit-transform: translateX(0);}
	100% { opacity: 0.4; -webkit-transform: translateX(-2400%);}
}
.active.hy-home-page .Cloudn {
animation: 60s linear infinite slideInRightc; -ms-animation: 60s linear infinite slideInRightc; -moz-animation: 60s linear infinite slideInRightc; -webkit-animation: 60s linear infinite slideInRightc;
}
@keyframes slideInRightc {
	0% { opacity: 0.4; transform: translateX(0);}
	100% { opacity: 0.4; transform: translateX(-2600%);}
}
@-ms-keyframes slideInRightc {
	0% { opacity: 0.4; -ms-transform: translateX(0);}
	100% { opacity: 0.4; -ms-transform: translateX(-2600%);}
}
@-moz-keyframes slideInRightc {
	0% { opacity: 0.4; -moz-transform: translateX(0);}
	100% { opacity: 0.4; -moz-transform: translateX(-2600%);}
}
@-webkit-keyframes slideInRightc {
	0% { opacity: 0.4; -webkit-transform: translateX(0);}
	100% { opacity: 0.4; -webkit-transform: translateX(-2600%);}
}
.active.hy-home-page .Bubble {
animation: 2s linear 9s infinite InBubble; -ms-animation: 2s linear 9s infinite InBubble; -moz-animation: 2s linear 9s infinite InBubble; -webkit-animation: 2s linear 9s infinite InBubble;
transform-origin: bottom right; -ms-transform-origin: bottom right; -moz-transform-origin: bottom right; -webkit-transform-origin: bottom right;}
@keyframes InBubble{
	0% { opacity: 0; transform: scale(0);}
	100% { opacity: 1; transform: scale(1);}
}
@-ms-keyframes InBubble{
	0% { opacity: 0; -ms-transform: scale(0);}
	100% { opacity: 1; -ms-transform: scale(1);}
}
@-moz-keyframes InBubble{
	0% { opacity: 0; -moz-transform: scale(0);}
	100% { opacity: 1; -moz-transform: scale(1);}
}
@-webkit-keyframes InBubble{
	0% { opacity: 0; -webkit-transform: scale(0);}
	100% { opacity: 1; -webkit-transform: scale(1);}
}
.hy-home-page .light-n .node em::after { border-radius: 50%; box-shadow: 0 0 8px 4px rgba(254,154,3,1) inset; content: ''; height: 400%; opacity: 0; width: 400%; z-index: 100; position: absolute; left: -150%; top: -150%;
animation: 3s linear  both LightInSca; -ms-animation: 3s linear both LightInSca; -moz-animation: 3s linear both LightInSca; -webkit-animation: 3s linear both LightInSca;}
@keyframes LightInSca{
	0% { opacity: 0; transform: scale(0.1);}
	50% {opacity: 1;}
	100% {opacity: 0; transform: scale(1.2);}
}
@-ms-keyframes LightInSca{
	0% { opacity: 0; -ms-transform: scale(0.1);}
	50% {opacity: 1;}
	100% {opacity: 0; -ms-transform: scale(1.2);}
}
@-moz-keyframes LightInSca{
	0% { opacity: 0; -moz-transform: scale(0.1);}
	50% {opacity: 1;}
	100% {opacity: 0; -moz-transform: scale(1.2);}
}
@-webkit-keyframes LightInSca{
	0% { opacity: 0; -webkit-transform: scale(0.1);}
	50% {opacity: 1;}
	100% {opacity: 0; -webkit-transform: scale(1.2);}
}

/*动画延迟*/
/*海云首页*/
.active.hy-home-page .Show { opacity: 1;
transition: all 0.2s linear 4.5s; -ms-transition: all 0.2s linear 4.5s; -moz-transition: all 0.2s linear 4.5s; -webkit-transition: all 0.2s linear 4.5s;}
.active.hy-home-page .Show.span2 { transition-delay: 4.6s; -ms-transition-delay: 4.6s; -moz-transition-delay: 4.6s; -webkit-transition-delay: 4.6s;}
.active.hy-home-page .Show.span3 { transition-delay: 4.7s; -ms-transition-delay: 4.7s; -moz-transition-delay: 4.7s; -webkit-transition-delay: 4.7s;}
.active.hy-home-page .Show.span4 { transition-delay: 4.8s; -ms-transition-delay: 4.8s; -moz-transition-delay: 4.8s; -webkit-transition-delay: 4.8s;}
.active.hy-home-page .Show.span5 { transition-delay: 4.9s; -ms-transition-delay: 4.9s; -moz-transition-delay: 4.9s; -webkit-transition-delay: 4.9s;}
.active.hy-home-page .Show.span6 { transition-delay: 5s; -ms-transition-delay: 5s; -moz-transition-delay: 5s; -webkit-transition-delay: 5s;}
.active.hy-home-page .Showa { opacity: 0.9;
transition: all 0.2s linear 5.1s; -ms-transition: all 0.2s linear 5.1s; -moz-transition: all 0.2s linear 5.1s; -webkit-transition: all 0.2s linear 5.1s;}
.active.hy-home-page .Showb { opacity: 0.8;
transition: all 0.2s linear 5.2s; -ms-transition: all 0.2s linear 5.2s; -moz-transition: all 0.2s linear 5.2s; -webkit-transition: all 0.2s linear 5.2s;}
.active.hy-home-page .Showc { opacity: 0.7;
transition: all 0.2s linear 5.3s; -ms-transition: all 0.2s linear 5.3s; -moz-transition: all 0.2s linear 5.3s; -webkit-transition: all 0.2s linear 5.3s;}
.active.hy-home-page .Showc.span10 { transition-delay: 5.4s; -ms-transition-delay: 5.4s; -moz-transition-delay: 5.4s; -webkit-transition-delay: 5.4s;}
.active.hy-home-page .Showd { opacity: 0.6;
transition: all 0.2s linear 5.5s; -ms-transition: all 0.2s linear 5.5s; -moz-transition: all 0.2s linear 5.5s; -webkit-transition: all 0.2s linear 5.5s;}
.active.hy-home-page .Showe { opacity: 0.5;
transition: all 0.2s linear 5.6s; -ms-transition: all 0.2s linear 5.6s; -moz-transition: all 0.2s linear 5.6s; -webkit-transition: all 0.2s linear 5.6s;}
.active.hy-home-page .Showe.span13 { transition-delay: 5.7s; -ms-transition-delay: 5.7s; -moz-transition-delay: 5.7s; -webkit-transition-delay: 5.7s;}
.active.hy-home-page .Showf { opacity: 0.4;
transition-delay: 5.8s; -ms-transition-delay: 5.8s; -moz-transition-delay: 5.8s; -webkit-transition-delay: 5.8s;}
.active.hy-home-page .Light-wrap { opacity: 1;
transition-delay: 8s; -ms-transition-delay: 8s; -moz-transition-delay: 8s; -webkit-transition-delay: 8s;}
.active.hy-home-page span.slideRighte { animation-delay: 3.5s; -ms-animation-delay: 3.5s; -moz-animation-delay: 3.5s; -webkit-animation-delay: 3.5s;}
.active.hy-home-page .slideRighte.more { animation-delay: 6s; -ms-animation-delay: 6s; -moz-animation-delay: 6s; -webkit-animation-delay: 6s;}
.active.hy-home-page .Hot-air { left: 78.71%; opacity: 1;
transition: all 3s linear 7s; -ms-transition: all 3s linear 7s; -moz-transition: all 3s linear 7s; -webkit-transition: all 3s linear 7s;}
.active.hy-home-page .Cloud1 { animation-delay: 4s; -ms-animation-delay: 4s; -moz-animation-delay: 4s; -webkit-animation-delay: 4s;}
.active.hy-home-page .Cloud2 { animation-delay: 17s; -ms-animation-delay: 17s; -moz-animation-delay: 17s; -webkit-animation-delay: 17s;}
.active.hy-home-page .Cloud3 { animation-delay: 30s; -ms-animation-delay: 30s; -moz-animation-delay: 30s; -webkit-animation-delay: 30s;}
.active.hy-home-page .Cloud4 { animation-delay: 43s; -ms-animation-delay: 43s; -moz-animation-delay: 43s; -webkit-animation-delay: 43s;}
.active.hy-home-page .Cloud5 { animation-delay: 12s; -ms-animation-delay: 12s; -moz-animation-delay: 12s; -webkit-animation-delay: 12s;}
.active.hy-home-page .Cloud6 { animation-delay: 41s; -ms-animation-delay: 41s; -moz-animation-delay: 41s; -webkit-animation-delay: 41s;}
/*海云使命*/
.section.active .hy-home .sm .slideScale { animation-delay: 1s; -ms-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s;}
.section.active .hy-home .sm .slideRight { animation-delay: 1.5s; -ms-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s;}
.section.active .hy-home .hy-btn.slideOpa { animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;
animation-duration: 0.3s; -ms-animation-duration: 0.3s; -moz-animation-duration: 0.3s; -webkit-animation-duration: 0.3s;}
/*SSP*/
.section.active .ssp-R .slideOpa.img3 { animation-delay: 1s; -ms-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s;}
.section.active .ssp-R .img6 .slideScale { animation-delay: 1.2s; -ms-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s;}
.section.active .ssp-R .slideOpa.img2 { animation-delay: 1.5s; -ms-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s;}
.section.active .ssp-R .img5 .slideScale { animation-delay: 1.7s; -ms-animation-delay: 1.7s; -moz-animation-delay: 1.7s; -webkit-animation-delay: 1.7s;}
.section.active .ssp-R .slideOpa.img1 { animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;}
.section.active .ssp-R .img4 .slideScale { animation-delay: 2.2s; -ms-animation-delay: 2.2s; -moz-animation-delay: 2.2s; -webkit-animation-delay: 2.2s;}
.section.active .ssp-L-btn.slideOpa { animation-delay: 2.8s; -ms-animation-delay: 2.8s; -moz-animation-delay: 2.8s; -webkit-animation-delay: 2.8s;}
.section.active .hy-sspm .slideOpa.p1 { animation-delay: 1s; -ms-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s;}
.section.active .hy-sspm .slideOpa.p2 { animation-delay: 1.2s; -ms-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s;}
.section.active .hy-sspm .slideOpa.p3 { animation-delay: 1.4s; -ms-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -webkit-animation-delay: 1.4s;}
.section.active .hy-sspm .slideOpa.p4 { animation-delay: 1.6s; -ms-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -webkit-animation-delay: 1.6s;}
.section.active .hy-sspm .slideOpa.p5 { animation-delay: 1.8s; -ms-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -webkit-animation-delay: 1.8s;}
.section.active .hy-ssp2 .ssp-L-btn.slideOpa { animation-delay: 2.2s; -ms-animation-delay: 2.2s; -moz-animation-delay: 2.2s; -webkit-animation-delay: 2.2s;}
.section.active .hy-ssp3 .slideOpa.p6 { animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;}
.section.active .hy-ssp3 .ssp-L-btn.slideOpa { animation-delay: 2.4s; -ms-animation-delay: 2.4s; -moz-animation-delay: 2.4s; -webkit-animation-delay: 2.4s;}
/*ADX*/
.section.active .adx-L-img .slideLeft.adx-img2 { animation-delay: 0.9s; -ms-animation-delay: 0.9; -moz-animation-delay: 0.9s; -webkit-animation-delay: 0.9s;}
.section.active .adx-L-img .slideLeft.adx-img3 { animation-delay: 1s; -ms-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s;}
.section.active .adx-L-img .slideLeft.adx-img4 { animation-delay: 1.1s; -ms-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -webkit-animation-delay: 1.1s;}
.section.active .adx-L-img .slideLeft.adx-img5 { animation-delay: 1.2s; -ms-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s;}
.section.active .adx-L-img .slideLeft.adx-img6 { animation-delay: 1.3s; -ms-animation-delay: 1.3s; -moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s;}
.section.active .adx-R.slideRight { animation-delay: 1.3s; -ms-animation-delay: 1.3s; -moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s;}
.section.active .slideOpa.adx-L-btn { animation-delay: 1.6s; -ms-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -webkit-animation-delay: 1.6s;}
.section.active .Cycle.imga { animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;}
.section.active .Cycle.imgb { animation-delay: 2.4s; -ms-animation-delay: 2.4s; -moz-animation-delay: 2.4s; -webkit-animation-delay: 2.4s;}
.section.active .Cycle.imgc { animation-delay: 3.6s; -ms-animation-delay: 3.6s; -moz-animation-delay: 3.6s; -webkit-animation-delay: 3.6s;}
.section.active .Cycle.imge { animation-delay: 3.1s; -ms-animation-delay: 3.1s; -moz-animation-delay: 3.1s; -webkit-animation-delay: 3.1s;}
.section.active .Cycle.imgf { animation-delay: 3.3s; -ms-animation-delay: 3.3s; -moz-animation-delay: 3.3s; -webkit-animation-delay: 3.3s;}
.section.active .active .adx-R-mea .lineH.line1 { animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;}
.section.active .active .adx-R-mea .lineH.line2 { animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;}
.section.active .active .adx-R-mea .lineSF.line3 { animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;}
.section.active .active .adx-R-mea .lineSF.line4 { animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;}
.section.active .active .adx-R-mea .lineSF.line5 { animation-delay: 2.8s; -ms-animation-delay: 2.8s; -moz-animation-delay: 2.8s; -webkit-animation-delay: 2.8s;}
.section.active .active .adx-R-mea .lineHF.line6 { animation-delay: 3s; -ms-animation-delay: 3s; -moz-animation-delay: 3s; -webkit-animation-delay: 3s;}
/*PMP*/
.section.active .slideScale.cont { animation-delay: 1s; -ms-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s;}
.section.active .slideOpa.pmp-R-btn  { animation-delay: 5s; -ms-animation-delay: 5s; -moz-animation-delay: 5s; -webkit-animation-delay: 5s;}
.section.active .pmp-L .slideScale.img02 { animation-delay: 1s; -ms-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s;}
.section.active .slideRight.pmp-R-img { animation-delay: 1.3s; -ms-animation-delay: 1.3s; -moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s;}
.section.active .slideScale.pmp-R-btn { animation-delay: 1.6s; -ms-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -webkit-animation-delay: 1.6s;}
.section.active .pmp-R-mea .slideShow.img6 { animation-delay: 3.1s; -ms-animation-delay: 3.1s; -moz-animation-delay: 3.1s; -webkit-animation-delay: 3.1s;}
.section.active .pmp-R-mea .slideShow.img7 { animation-delay: 3.8s; -ms-animation-delay: 3.8s; -moz-animation-delay: 3.8s; -webkit-animation-delay: 3.8s;}
.section.active .pmp-R-mea .slideShowa.img8-1 { animation-delay: 2.7s; -ms-animation-delay: 2.7s; -moz-animation-delay: 2.7s; -webkit-animation-delay: 2.7s;}
.section.active .pmp-R-mea .slideShowa.img8-2 {animation-delay: 3.4s; -ms-animation-delay: 3.4s; -moz-animation-delay: 3.4s; -webkit-animation-delay: 3.4s;}
.section.active .pmp-R-mea .slideShowa.img8-3 {animation-delay: 4.1s; -ms-animation-delay: 4.1s; -moz-animation-delay: 4.1s; -webkit-animation-delay: 4.1s;}
.section.active .pmp-R-mea .slideShow.img9 { animation-delay: 4.8s; -ms-animation-delay: 4.8s; -moz-animation-delay: 4.8s; -webkit-animation-delay: 4.8s;}
.section.active .pmp-R-mea .Cycle.img13 { animation-delay: 5.4s; -ms-animation-delay: 5.4s; -moz-animation-delay: 5.4s; -webkit-animation-delay: 5.4s;}
.section.active .pmp-R-mea .Cycle.img14{ animation-delay: 5.6s; -ms-animation-delay: 5.6s; -moz-animation-delay: 5.6s; -webkit-animation-delay: 5.6s;}
.section.active .pmp-R-mea .Cycle.img15 { animation-delay: 5.8s; -ms-animation-delay: 5.8s; -moz-animation-delay: 5.8s; -webkit-animation-delay: 5.8s;}
.section.active .hy-pmp2 .pmp-R-mea .Cycle.img13 { animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;}
.section.active .hy-pmp2 .pmp-R-mea .Cycle.img14 { animation-delay: 2.2s; -ms-animation-delay: 2.2s; -moz-animation-delay: 2.2s; -webkit-animation-delay: 2.2s;}
.section.active .hy-pmp2 .pmp-R-mea .Cycle.img15 { animation-delay: 2.4s; -ms-animation-delay: 2.4s; -moz-animation-delay: 2.4s; -webkit-animation-delay: 2.4s;}
.section.active .hy-pmp2 .slideOpa.pmp-R-btn { animation-delay: 2.7s; -ms-animation-delay: 2.7s; -moz-animation-delay: 2.7s; -webkit-animation-delay: 2.7s;}
.section.active .active .hy-pmp2 .slideTope { animation-delay: 3.7s; -ms-animation-delay: 3.7s; -moz-animation-delay: 3.7s; -webkit-animation-delay: 3.7s;}
.section.active .hy-pmp2 .pmp-R-mea .lineH, .section.active .hy-pmp2 .pmp-R-mea .lineHF, .section.active .hy-pmp2 .pmp-R-mea .lineS {
animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;}
/*ATD*/
.section.active .slideOpa.atd-img1 { animation-delay: 1.6s; -ms-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -webkit-animation-delay: 1.6s;}
.section.active .slideOpa.atd-img2 { animation-delay: 1.8s; -ms-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -webkit-animation-delay: 1.8s;}
.section.active .slideOpa.atd-img3 { animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;}
.section.active .slideOpa.atd-img4 { animation-delay: 2.2s; -ms-animation-delay: 2.2s; -moz-animation-delay: 2.2s; -webkit-animation-delay: 2.2s;}
.section.active .slideLeft.atd-btn2 { animation-delay: 2.4s; -ms-animation-delay: 2.4s; -moz-animation-delay: 2.4s; -webkit-animation-delay: 2.4s;}
.section.active .slideLeft.atd-btn1 { animation-delay: 2.6s; -ms-animation-delay: 2.6s; -moz-animation-delay: 2.6s; -webkit-animation-delay: 2.6s;}
.section.active .hy-atdm .slideLeft.atd-btn2 { animation-delay: 2.4s; -ms-animation-delay: 2.4s; -moz-animation-delay: 2.4s; -webkit-animation-delay: 2.4s;}
.section.active .hy-atdm .slideLeft.atd-btn1 { animation-delay: 2.6s; -ms-animation-delay: 2.6s; -moz-animation-delay: 2.6s; -webkit-animation-delay: 2.6s;}
.section.active .hy-atdm .slideOpa.atd-img1 { animation-delay: 0.6s; -ms-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s;}
.section.active .hy-atdm .slideOpa.atd-img2 { animation-delay: 0.8s; -ms-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -webkit-animation-delay: 0.8s;}
.section.active .hy-atdm .slideOpa.atd-img3 { animation-delay: 1s; -ms-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s;}
.section.active .hy-atdm .slideOpa.atd-img4 { animation-delay: 1.2s; -ms-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s;}
.section.active .hy-atdm .slideOpa.atd-img5 { animation-delay: 1.4s; -ms-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -webkit-animation-delay: 1.4s;}
.section.active .fadeUp.img2 { animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;}
.section.active .fadeUp.img3 { animation-delay: 3s; -ms-animation-delay: 3s; -moz-animation-delay: 3s; -webkit-animation-delay: 3s;}
.section.active .fadeUp.img4 { animation-delay: 3.5s; -ms-animation-delay: 3.5s; -moz-animation-delay: 3.5s; -webkit-animation-delay: 3.5s;}
.section.active .fadeUp.img5 { animation-delay: 1.1s; -ms-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -webkit-animation-delay: 1.1s;}
.section.active .fadeUp.img6 { animation-delay: 1.2s; -ms-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s;}
.section.active .fadeUp.img7 { animation-delay: 1.3s; -ms-animation-delay: 1.3s; -moz-animation-delay: 1.3s; -webkit-animation-delay: 1.3s;}
.section.active .fadeUp.img8 { animation-delay: 1.4s; -ms-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -webkit-animation-delay: 1.4s;}
.section.active .fadeUp.img9 { animation-delay: 1.5s; -ms-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s;}
.section.active .fadeUp.img10 { animation-delay: 1.6s; -ms-animation-delay: 1.6s; -moz-animation-delay: 1.6s; -webkit-animation-delay: 1.6s;}
.section.active .fadeUp.img11 { animation-delay: 1.7s; -ms-animation-delay: 1.7s; -moz-animation-delay: 1.7s; -webkit-animation-delay: 1.7s;}
.section.active .fadeUp.img12 { animation-delay: 1.8s; -ms-animation-delay: 1.8s; -moz-animation-delay: 1.8s; -webkit-animation-delay: 1.8s;}
.section.active .fadeUp.img13 { animation-delay: 1.9s; -ms-animation-delay: 1.9s; -moz-animation-delay: 1.9s; -webkit-animation-delay: 1.9s;}
.section.active .fadeUp.img14 { animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;}
.section.active .fadeUp.img15 { animation-delay: 2.7s; -ms-animation-delay: 2.7s; -moz-animation-delay: 2.7s; -webkit-animation-delay: 2.7s;}
.section.active .fadeUp.img16 { animation-delay: 2.7s; -ms-animation-delay: 2.7s; -moz-animation-delay: 2.7s; -webkit-animation-delay: 2.7s;}
.section.active .fadeUp.img17 { animation-delay: 2.5s; -ms-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -webkit-animation-delay: 2.5s;}
.section.active .fadeUp.img18 { animation-delay: 2.3s; -ms-animation-delay: 2.3s; -moz-animation-delay: 2.3s; -webkit-animation-delay: 2.3s;}
.section.active .fadeUp.img19 { animation-delay: 2.3s; -ms-animation-delay: 2.3s; -moz-animation-delay: 2.3s; -webkit-animation-delay: 2.3s;}
.section.active .fadeUp.img20 { animation-delay: 4s; -ms-animation-delay: 4s; -moz-animation-delay: 4s; -webkit-animation-delay: 4s;}
.section.active .fadeUp.img21 { animation-delay: 4s; -ms-animation-delay: 4s; -moz-animation-delay: 4s; -webkit-animation-delay: 4s;}
/*左右滑块的项目导航*/
.section.active .fp-slidesNav, .section.active .fp-controlArrow { opacity: 1;
transition: all 1s ease 3.1s; -ms-transition: all 1s ease 3.1s; -moz-transition: all 1s ease 3.1s; -webkit-transition: all 1s ease 3.1s;}
.section.active.hy-st-02 .fp-slidesNav, .section.active.hy-st-02 .fp-controlArrow {
transition-delay: 3s; -ms-transition-delay: 3s; -moz-transition-delay: 3s; -webkit-transition-delay: 3s;}
.section.active.hy-st-03 .fp-slidesNav, .section.active.hy-st-03 .fp-controlArrow {
transition-delay: 6.2s; -ms-transition-delay: 6.2s; -moz-transition-delay: 6.2s; -webkit-transition-delay: 6.2s;}
.section.active.hy-st-04 .fp-slidesNav, .section.active.hy-st-04 .fp-controlArrow {
transition-delay: 4s; -ms-transition-delay: 4s; -moz-transition-delay: 4s; -webkit-transition-delay: 4s;}
.section.active.hy-st-05 .fp-slidesNav, .section.active.hy-st-05 .fp-controlArrow {
transition-delay: 4.5s; -ms-transition-delay: 4.5s; -moz-transition-delay: 4.5s; -webkit-transition-delay: 4.5s;}
.section.active.hy-news .fp-slidesNav, .section.active.hy-news .fp-controlArrow {
transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s;}
.hy-news-w .fp-slidesNav, .hy-news-w .fp-controlArrow { opacity: 1; filter: alpha(opacity=100); transition: none;}
.hy-news-w .fp-controlArrow.fp-prev { background: url(../img/news/news-prev.png) no-repeat;}
.hy-news-w .fp-controlArrow.fp-next { background: url(../img/news/news-next.png) no-repeat;}
/*合作伙伴*/
.section.active.hy-partner .img-opa { opacity: 1;
transition: all 0.5s linear 0.5s; -ms-transition: all 0.5s linear 0.5s; -moz-transition: all 0.5s linear 0.5s; -webkit-transition: all 0.5s linear 0.5s;}
.section.active.hy-partner .img-opa.adx-1 { transition-delay: 0.6s; -ms-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
.section.active.hy-partner .img-opa.adx-2 { transition-delay: 0.7s; -ms-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -webkit-transition-delay: 0.7s;}
.section.active.hy-partner .img-opa.adx-3 { transition-delay: 0.8s; -ms-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
.section.active.hy-partner .img-opa.adx-4 { transition-delay: 0.9s; -ms-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -webkit-transition-delay: 0.9s;}
.section.active.hy-partner .img-opa.adx-5 { transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s;}
.section.active.hy-partner .img-opa.adx-6 { transition-delay: 1.1s; -ms-transition-delay: 1.1s; -moz-transition-delay: 1.1s; -webkit-transition-delay: 1.1s;}
.section.active.hy-partner .img-opa.adx-7 { transition-delay: 1.2s; -ms-transition-delay: 1.2s; -moz-transition-delay: 1.2s; -webkit-transition-delay: 1.2s;}
.section.active.hy-partner .img-opa.adx-8 { transition-delay: 1.3s; -ms-transition-delay: 1.3s; -moz-transition-delay: 1.3s; -webkit-transition-delay: 1.3s;}
.section.active.hy-partner .img-opa.dmp-1 { transition-delay: 0.6s; -ms-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
.section.active.hy-partner .img-opa.dmp-2 { transition-delay: 0.7s; -ms-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -webkit-transition-delay: 0.7s;}
.section.active.hy-partner .img-opa.dmp-3 { transition-delay: 0.8s; -ms-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
.section.active.hy-partner .img-opa.dmp-4 { transition-delay: 0.9s; -ms-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -webkit-transition-delay: 0.9s;}
.section.active.hy-partner .img-opa.dmp-5 { transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s;}
.section.active.hy-partner .img-opa.ssp-1 { transition-delay: 0.6s; -ms-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
.section.active.hy-partner .img-opa.ssp-2 { transition-delay: 0.7s; -ms-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -webkit-transition-delay: 0.7s;}
.section.active.hy-partner .img-opa.ssp-3 { transition-delay: 0.8s; -ms-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
.section.active.hy-partner .img-opa.ssp-4 { transition-delay: 0.9s; -ms-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -webkit-transition-delay: 0.9s;}
.section.active.hy-partner .img-opa.ssp-5 { transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s;}
.section.active.hy-partner .img-opa.ssp-6 { transition-delay: 1.1s; -ms-transition-delay: 1.1s; -moz-transition-delay: 1.1s; -webkit-transition-delay: 1.1s;}
.section.active.hy-partner .img-opa.atd-1 { transition-delay: 0.6s; -ms-transition-delay: 0.6s; -moz-transition-delay: 0.6s; -webkit-transition-delay: 0.6s;}
.section.active.hy-partner .img-opa.atd-2 { transition-delay: 0.7s; -ms-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -webkit-transition-delay: 0.7s;}
.section.active.hy-partner .img-opa.atd-3 { transition-delay: 0.8s; -ms-transition-delay: 0.8s; -moz-transition-delay: 0.8s; -webkit-transition-delay: 0.8s;}
.section.active.hy-partner .img-opa.atd-4 { transition-delay: 0.9s; -ms-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -webkit-transition-delay: 0.9s;}
.section.active.hy-partner .img-opa.atd-5 { transition-delay: 1s; -ms-transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s;}
.section.active.hy-partner .img-opa.atd-6 { transition-delay: 1.1s; -ms-transition-delay: 1.1s; -moz-transition-delay: 1.1s; -webkit-transition-delay: 1.1s;}
.section.active.hy-partner .leafShake.leaf-1 { transform-origin: left bottom; -ms-transform-origin: left bottom; -moz-transform-origin: left bottom; -webkit-transform-origin: left bottom;}
.section.active.hy-partner .leafShake.leaf-2 { transform-origin: left bottom; -ms-transform-origin: left bottom; -moz-transform-origin: left bottom; -webkit-transform-origin: left bottom;}
.section.active.hy-partner .leafShake.leaf-3 { transform-origin: left bottom; -ms-transform-origin: left bottom; -moz-transform-origin: left bottom; -webkit-transform-origin: left bottom;}
.section.active.hy-partner .leafShake.leaf-4 { transform-origin: right bottom; -ms-transform-origin: right bottom; -moz-transform-origin: right bottom; -webkit-transform-origin: right bottom;}
.section.active.hy-partner .leafShake.leaf-5 { transform-origin: left top; -ms-transform-origin: left top; -moz-transform-origin: left top; -webkit-transform-origin: left top;}
/*关于海云*/
.section.active .hy-introduct .cont.cont2 { animation-delay: 2s; -ms-animation-delay: 2s; -moz-animation-delay: 2s; -webkit-animation-delay: 2s;}
.section.active .hy-introduct .slideScale.title { animation-delay: 1s; -ms-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s;}
/*动画 E*/
@media only screen and (max-height: 768px) {
	body { font-size: 95%;}
	.hy-bg-wall .wall-C-R .tags, .hy-bg-details .tags { padding: 4% 0 6% 4%;}
	.hy-introduct .cont { margin-bottom: 1em;}
	.hy-introduct .int-R .title { padding: 1.5em 0;}
	.hy-recruit-T .tit { font-size: 1.8em;}
	.hy-recruit-T .resume span { padding: 0.6em 4em;}
	.hy-recruit-T .resume .line { top: 1.2em;}
	.hy-recruit-T .hy-recruit-tab a { height: 2.6em; line-height: 2.6em;}
	.hy-adx .adx-L-img { height: 70%;}
	.hy-adx .adx-L-btn { height: 30%;}
	.hy-introduct .int-L { padding-top: 10%;}
}
@media only screen and (max-height: 640px) {
	body { font-size: 90%;}
	.hy-bg-wall .wall-C-R .tags, .hy-bg-details .tags { padding: 4% 0 4% 4%;}
	.hy-adx .adx-L-btn { padding-top: 5% ;}
	.hy-ssp, .hy-pmp, .hy-adx, .hy-atd { padding-top: 90px;}
	.hy-ssp .ssp-L-t img { margin-top: -22px;}
	.hy-foot-in { height: 23em;}
	.hy-recruit-T { padding-top: 80px;}
	.hy-adx .adx-R-mea { transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.hy-introduct .int-L { padding-top: 6%;}
	.hy-introduct .int-R { padding-top: 0;}
	.hy-apply-cont li { padding-bottom: 1em;}
}
@media only screen and (max-height: 500px) {
	body { font-size: 75%;}
	.hy-introduct .int-L { padding-top: 2%;}
}
@media only screen and (max-width: 1640px) {
	.hy-apply-cont { width: 90%;}
}
@media only screen and (max-width: 1600px) {
	.hy-bg-details { height: 31.2em; width: 57.8em;}
	.hy-bg-details .bus { padding: 1.5em 0 0.5em;}
	.hy-bg-details .tags { padding: 8% 0 6% 4%;}
}
@media only screen and (max-width: 1480px) {
	.hy-apply-cont { width: 80%;}
	.hy-home-page .explain span { font-size: 1.6em;}
}
@media only screen and (max-width: 1200px) {
	.hy-introduct .cont { margin-bottom: 1em;}
	.hy-introduct .int-R .title { padding: 1.5em 0;}
	.hy-bg-wall .wall-C-L .tags { font-size: 2em;}
	.hy-bg-wall .wall-C-L .name { font-size: 1.08em;}
	.hy-bg-wall .wall-C-R .tags { font-size: 1.6em;}
	.hy-bg-wall .wall-C-R .name, .hy-bg-details name { font-size: 1.2em;}
	.hy-bg-wall .wall-C-R .post .n, .hy-bg-details .post .n { font-size: 1.4em;}
	.hy-bg-wall .wall-C-R .post .p, .hy-bg-details .post .p { font-size: 1.2em;}
	.hy-bg-wall .wall-C-R .name, .hy-bg-details .name { font-size: 1.2em;}
	.hy-recruit-T .tit { font-size: 1.8em;}
	.hy-recruit-T .resume span { padding: 0.6em 4em;}
	.hy-recruit-T .resume .line { top: 1.2em;}
	.hy-recruit-T .hy-recruit-tab a { height: 2.6em; line-height: 2.6em;}
	.hy-bg-details { height: 26em; width: 48em;}
	.hy-bg-details .tags { font-size: 1.6em; padding-bottom: 2%;}
	.hy-bg-details .bus { font-size: 1.3em; padding: 0.8em 0 0.2em;}
	.hy-bg-details .bus-info { font-size: 1em; line-height: 1.5em;}
	.hy-apply-cont .tit, .hy-apply-cont .tit-opi { font-size: 1.5em;}
	.hy-apply-cont li { font-size: 0.875em; padding-bottom: 1.5em;}
	.hy-apply-cont .app-L { width: 36%;}
	.hy-apply-cont .app-R { width: 64%;}
	.hy-apply-cont li.msg .app-L { width: 18%;}
	.hy-apply-cont li.msg .app-R { width: 82%;}
	.hy-home-page .explain span { font-size: 1.4em; letter-spacing: 0;}
	.hy-home-page .title span { font-size: 1.3em; left: 58%;}
	.hy-introduct .part-L { font-size: 0.88em;}
	.hy-introduct .part-R { font-size: 1em;}
	.hy-introduct .part-R.address { font-size: 0.88em;}
}